# Kombai Docs

- [Welcome](https://docs.kombai.com/get-started/welcome.md): Kombai is a design engineering agent that lets you build standout designs, generate production-grade code, visually edit your frontend, and automate testing, all in one place.
- [Download Kombai desktop app](https://docs.kombai.com/get-started/set-up/desktop-app.md)
- [Install Kombai IDE extension](https://docs.kombai.com/get-started/set-up/ide-extension.md)
- [Navigating the desktop app](https://docs.kombai.com/get-started/navigating-the-desktop-app.md): Find your way around the Kombai desktop app: the sidebar, top-bar controls, home screen, right panel, and projects.
- [Quickstart](https://docs.kombai.com/get-started/quickstart.md): Build your first project with Kombai: generate a design, iterate on it in the Canvas, code it in your own stack, and refine it in the Kombai Browser.
- [Overview](https://docs.kombai.com/features/overview.md): Learn how to configure the tech stack for code generation.
- [Supported tech stack](https://docs.kombai.com/features/supported-tech-stack.md): Complete list of libraries and frameworks supported by Kombai.
- [Figma to code](https://docs.kombai.com/features/figma-to-code.md): Learn how to convert your Figma designs into high-fidelity frontend code using Kombai.
- [Commands](https://docs.kombai.com/features/commands.md): Custom commands let you create reusable prompts and workflows as Markdown files. Use them to standardize common processes of your team into single commands and automate repetitive tasks.
- [Frontend Skills](https://docs.kombai.com/features/frontend-skills.md): Type a slash `/` in Kombai's chat input box to check the supported skills.
- [Agent Skills](https://docs.kombai.com/features/agent-skills.md): Skills are an open standard to extend agent capabilities. At its core, a skill is a folder containing a `SKILL.md` file with instructions that the agent can follow when working on specific tasks.
- [Inspirations](https://docs.kombai.com/features/inspirations.md): Browse polished app pages, sections, landing pages, and animation patterns. Add them to a Canvas or use them as references in Design Mode.
- [Modes](https://docs.kombai.com/features/modes.md): Kombai has four specialized modes for specific stages of product development. Each one narrows what the agent does and gives it a dedicated set of tools. When no mode is selected, Kombai runs as an agent that generates and refactors code autonomously.
- [Models](https://docs.kombai.com/features/models.md): Choose from individual models supported by Kombai or use Kombai's Model Routers to control the trade-off between quality, speed, and credit consumption.
- [Local agents](https://docs.kombai.com/features/local-agents.md)
- [Terminal](https://docs.kombai.com/features/terminal.md): Kombai can run terminal operations to install dependencies and set up a new repo. It also automatically fixes any errors found while running the terminal operation.
- [Rules](https://docs.kombai.com/features/rules.md): Rules provide project-level or global instructions for Kombai. With rules, you can control Kombai's behavior across your projects. For example, you can enforce specific coding standards, architectural patterns, and output formats.
- [Overview](https://docs.kombai.com/features/mcp/overview.md): Kombai works with MCP in both directions, connecting to your tools and data sources or letting external AI coding agents use Kombai from wherever they run.
- [Kombai MCP Server](https://docs.kombai.com/features/mcp/kombai-mcp-server.md): Let coding agents like Claude Code, Cursor, and Codex start Kombai chats and read your canvases from outside the app.
- [External MCP Servers](https://docs.kombai.com/features/mcp/external-mcp-servers.md): MCP lets Kombai connect with external systems and data sources. Instead of describing the project structure each time, integrate the tools you already use.
- [Overview](https://docs.kombai.com/browser/overview.md)
- [Get Started](https://docs.kombai.com/browser/get-started.md): Set up and launch the Kombai Browser extension, explore the extension UI, import Chrome profiles, and restart the browser server.
- [In-app browser](https://docs.kombai.com/browser/in-app-browser.md): Kombai can now access an in-app browser to navigate, interact, and perform tasks.
- [Capabilities](https://docs.kombai.com/browser/capabilities.md): Learn how to use the extension's element selector, snipping tool, CSS editor, and DOM editor.
- [Autonomous agent operations](https://docs.kombai.com/browser/autonomous-agent-operations.md): Kombai can autonomously navigate and interact with the browser to perform tasks.
- [Context Graphs](https://docs.kombai.com/context/context-graphs.md): Kombai builds Context Graphs for the reusable code items (aka “reusables”) in your codebase, including components, stateful primitives (e.g. hooks, stores and modules), design tokens, types, and constants. This gives Kombai a deep, semantic understanding of your project and enables consistent reuse…
- [Memory](https://docs.kombai.com/context/memory.md): Kombai saves your preferences, build and test quirks, and project facts as memories, and recalls them in later chats in the same project.
- [Compaction](https://docs.kombai.com/context/thread-compaction.md)
- [@Mentions](https://docs.kombai.com/context/mentions.md): `@Mentions` lets you attach Canvas designs, individual designs, Excalidraw diagrams, Figma links, files, folders, images, indexed items, and terminals to the context.
- [Add to chat](https://docs.kombai.com/context/add-to-chat.md): Select text, code, or an image anywhere in Kombai and add it to your chat without retyping or re-attaching it.
- [Credits](https://docs.kombai.com/kombai-for-teams/get-started/credits.md): Learn how credits work in Kombai for Teams.
- [Seats](https://docs.kombai.com/kombai-for-teams/get-started/seats.md): Understand how seats work in Kombai for Teams.
- [Roles and Permissions](https://docs.kombai.com/kombai-for-teams/get-started/roles-and-permissions.md): Kombai for Teams defines three distinct roles- Team Admin, Team Member, and Billing Admin.
- [Set Up Plan](https://docs.kombai.com/kombai-for-teams/manage-plan/set-up-plan.md): Follow the steps below to set up a new Team plan account
- [Manage Seats](https://docs.kombai.com/kombai-for-teams/manage-plan/manage-seats.md): Seats control how many members can be part of your team. This page walks through viewing seat usage, adding new seats, inviting members, and freeing up seats when needed.
- [Upgrade Plan](https://docs.kombai.com/kombai-for-teams/manage-plan/upgrade-plan.md): Team Admins and Billing Admins can upgrade the team's credit tier, buy one-time credits, and add seats from the **Manage Plan** page.
- [Cancel Plan](https://docs.kombai.com/kombai-for-teams/manage-plan/cancel-plan.md): Team Admins and Billing Admins can cancel the Team plan at any time. Cancellation does not take effect immediately. The plan remains active until the end of the current billing cycle.
- [Individual Member Usage](https://docs.kombai.com/kombai-for-teams/credit-usage/individual-member-usage.md): Kombai for Teams provides two levels of usage visibility.
- [Entire Team Usage](https://docs.kombai.com/kombai-for-teams/credit-usage/team-usage.md): Team Admins and Billing Admins can monitor credit usage across the entire team from the Team Summary card on Manage Plan and the Usage Summary card on Team Usage.
- [Overview](https://docs.kombai.com/design/overview.md)
- [Canvas](https://docs.kombai.com/design/canvas.md): Create, organize, edit, and export designs on the Kombai Canvas.
- [Overview](https://docs.kombai.com/design/design-system/overview.md): A Design System captures a project's full visual identity — palette, typography, spacing, elevation, and more — so Kombai can generate and code designs that are consistent with it.
- [Create a Design System](https://docs.kombai.com/design/design-system/create.md)
- [Manage a Design System](https://docs.kombai.com/design/design-system/manage.md)
- [Edit Designs](https://docs.kombai.com/design/editor.md)
- [Use Cases](https://docs.kombai.com/design/use-cases.md)
- [Collaboration](https://docs.kombai.com/design/collaboration.md)
- [Design Settings](https://docs.kombai.com/design/design-settings.md)
- [Credits](https://docs.kombai.com/account/credits.md)
- [Pricing](https://docs.kombai.com/account/pricing.md)
- [Subscription](https://docs.kombai.com/account/subscription.md): Learn how to upgrade, downgrade, and renew your plan, view past invoices, and change the payment method. You can manage your plan from the desktop app, IDE extension, or Kombai dashboard.
- [Cancellation](https://docs.kombai.com/account/cancellation.md): Learn how to cancel your subscription, switch to a smaller plan instead of cancelling, undo a cancellation, and what happens to your credits when a paid plan ends.
- [Settings](https://docs.kombai.com/account/settings.md)
- [App menu](https://docs.kombai.com/account/app-menu.md)
- [Network Issues](https://docs.kombai.com/troubleshooting/network-issues.md)
- [Frequently Asked Questions (FAQs)](https://docs.kombai.com/frequently-asked-questions.md)

## Optional

- [Website](https://kombai.com)


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.