# Page Systems > Give any chat agent real UI. Your agent calls one tool with a typed page spec (flight picker, time slots, form, > table, ...); Page Systems hosts a mobile web page with a link preview, the person answers on their phone, and the > answer comes back into the same conversation. ## Docs - [Install in an eve agent](https://pagesystems.ai/docs/install.md): exact steps for a coding agent: install, mount file, API key, verify. - [Page Systems docs](https://pagesystems.ai/docs.md): What a page is, how the loop works, and quickstarts for eve, the AI SDK, REST and MCP. - [Connect an MCP client](https://pagesystems.ai/docs/install/mcp.md): Claude Code, Codex, Cursor, VS Code and other MCP clients: the server URL and header. - [Install in an OpenAI Agents SDK agent](https://pagesystems.ai/docs/install/openai-agents.md): Page Systems tools for the OpenAI Agents SDK (Python and TypeScript), over MCP. - [Install in a Claude Agent SDK agent](https://pagesystems.ai/docs/install/claude-agent-sdk.md): Page Systems tools for the Claude Agent SDK (TypeScript and Python), over MCP. - [Install in a LangChain or LangGraph agent](https://pagesystems.ai/docs/install/langchain.md): Page Systems tools for LangChain and LangGraph (Python and JavaScript), over MCP. - [Install in a Mastra agent](https://pagesystems.ai/docs/install/mastra.md): Page Systems tools for Mastra agents, over MCP. - [Install in a Google ADK agent](https://pagesystems.ai/docs/install/google-adk.md): Page Systems tools for Google Agent Development Kit agents, over MCP. - [Install in a CrewAI agent](https://pagesystems.ai/docs/install/crewai.md): Page Systems tools for CrewAI agents, over MCP. - [Install in a Pydantic AI agent](https://pagesystems.ai/docs/install/pydantic-ai.md): Page Systems tools for Pydantic AI agents, over MCP. - [Install in an AI SDK agent](https://pagesystems.ai/docs/install/ai-sdk.md): Page Systems tools for the Vercel AI SDK: the @pagesystems/ai-sdk package or MCP. - [Page types](https://pagesystems.ai/docs/pages.md): Every page type, with its fields and whether it returns an answer. - [Restaurants (restaurant_picker)](https://pagesystems.ai/docs/pages/restaurant_picker.md): Let the person choose one restaurant and, if it lists table times, one time. The page records the choice; it does not reserve a table. The result is { restaurantId, time? }. - [Time slots (time_slots)](https://pagesystems.ai/docs/pages/time_slots.md): Let the person pick one or several time slots across one or more days (tables, appointments, meetings). The page records the choice; it does not reserve the slot. - [Forms (form)](https://pagesystems.ai/docs/pages/form.md): A short general form. Use it only when no more specific page type fits. Do not ask for payment card details, passwords or other credentials, or identity-document numbers: such fields are rejected. - [Products (product)](https://pagesystems.ai/docs/pages/product.md): Show one product with photos, price and options. The person picks options and a quantity; the page records the choice and buys nothing. The result is { productId, variantId?, selections?, quantity }. - [Product lists (product_list)](https://pagesystems.ai/docs/pages/product_list.md): Show 2-24 products as a grid or list; the person picks one or several; the page records the picks and buys nothing. The result is { items: [{ productId, quantity }] }. - [Cart review (checkout)](https://pagesystems.ai/docs/pages/checkout.md): Cart review: the person reviews and edits the items, picks shipping if offered and enters delivery details. No payment is taken on the page. The result is the (possibly edited) cart and details; any purchase is up to you. - [Tables (table)](https://pagesystems.ai/docs/pages/table.md): Rows and columns of data: orders, availability, price comparisons. Display-only unless select is set. - [Charts (chart)](https://pagesystems.ai/docs/pages/chart.md): Show data as charts: trends, comparisons, shares and headline numbers. Every chart gets a generated text summary and a data table for screen readers. Display only: the page asks for no answer. - [Artifacts (artifact)](https://pagesystems.ai/docs/pages/artifact.md): A document to read: a plan, summary, draft, notes or instructions written in markdown. Display only: the page asks for no answer. - [Itineraries (itinerary)](https://pagesystems.ai/docs/pages/itinerary.md): A day-by-day plan you propose (a trip, a weekend, a wedding day, a conference, a night out) for the person to approve or change. Result is { decision: "approve" } or { decision: "changes", items?: [{ itemId, note? }], note? }. - [Hotels (hotel_picker)](https://pagesystems.ai/docs/pages/hotel_picker.md): Let the person choose one hotel for a stay. The page records the choice; it does not book or hold a room. The result is { hotelId }. - [Dates (date_range)](https://pagesystems.ai/docs/pages/date_range.md): A calendar for choosing one date or a date range (stays, appointments, deadlines). - [Flights (flight_picker)](https://pagesystems.ai/docs/pages/flight_picker.md): Let the person choose one flight itinerary. The page records the choice; it does not book or hold a seat. - [REST API](https://pagesystems.ai/docs/api.md): Endpoints, page fields, callbacks, limits and error codes. - [Data handling](https://pagesystems.ai/docs/data-handling.md): What is stored, for how long, who can see it, and what pages must not collect. - [Branding](https://pagesystems.ai/docs/branding.md): Your name, logo and accent color on every page, set in the dashboard. ## Skill - [Page Systems skill](https://pagesystems.ai/v1/skill): SKILL.md (also at https://pagesystems.ai/docs/skill.md) to add to your agent's system prompt: when to send a page instead of asking in chat, and how to use pages well. ## Page types (API) - [Page types](https://pagesystems.ai/v1/page-types): JSON list of the supported page types, with when to use each and general guidance. `GET https://pagesystems.ai/v1/page-types/` returns one type's JSON Schema, a minimal example and its guidance. ## MCP - [MCP server](https://pagesystems.ai/mcp): Streamable HTTP, `Authorization: Bearer `. Tools to list page types, read their schemas and guidance, validate a spec, and create, read or cancel pages. Setup: https://pagesystems.ai/docs.md#quickstart-mcp ## Dashboard - [Sign up](https://app.pagesystems.ai/signup): create an account, then create an API key in the dashboard (a human must do these steps). - [Playground](https://app.pagesystems.ai/dashboard/playground): creates a key and shows the MCP setup with it filled in.