Skip to main content

​
@Canvas

Use @Canvas to attach a Canvas from Design Mode to the Kombai chat. Type @Canvas in the chat input, then select the Canvas you want to attach.
Provide context for full-page layouts, including sidebars, headers, and main content areas.
Verify layout patterns and design consistency across all designs within a specific Canvas.

​
@Designs

Use @Designs to attach individual designs from a Canvas to the Kombai chat. Type @Designs in the chat input, then select the design you want to attach.
Reference individual designs for precise code generation of specific pages or complex components.
Request specific modifications, style updates, or additions to an existing design in your Canvas.

​
@Excalidraw

Use @Excalidraw to paste Excalidraw elements into the Kombai chat. Type @Excalidraw in the chat input to open a Paste JSON dialog where you can paste copied Excalidraw elements. The pasted content is sent to Kombai as a JSON context that it can interpret and work with.
Provide hand-drawn wireframes or UI sketches as visual context to generate functional code and layouts.
Refine, extend, or modify existing architecture diagrams and flowcharts by pasting them back into the chat.
You can also paste copied Excalidraw elements directly into the chat input without using the @Excalidraw menu.

​
@Figma

Use @Figma to attach Figma links to the Kombai chat. Type @Figma in the chat input, then paste the Figma link you want to attach.
Reference Figma links for high-fidelity code implementation that matches your design’s layout and styling.
Tag multiple Figma designs to explain how the app should look in different states like Loading, Error, and Success.
Ask specific questions about layout, spacing, or color choices within your linked Figma design.

​
@Files

Use @Files to attach files from your codebase to the Kombai chat. Type @Files in the chat input, then select the file you want to attach.
Get explanations for complex logic or request refactoring of large components into smaller, reusable parts.
Attach specific files to provide implementation details, configuration constants, or architectural context for new code generation.
You can also drag and drop files into the input box, or type @ to quickly select from your three most recently opened files.

​
@Folders

Use @Folders to attach codebase folders containing multiple files to the Kombai chat. Type @Folders in the chat input, then select the folder you want to attach.
Reference a folder before asking Kombai to scaffold a new feature following that folder’s existing structure and patterns.
Ask questions that require connecting logic and data flow across several related components or files.

​
@Indexed Items

Use @Indexed Items to attach specific items from your Context Graphs to the Kombai chat. Type @Indexed Items in the chat input, then select the item you want to attach.
Manually select specific indexed components or hooks you want Kombai to use for a particular task.
Ask about the props, internal logic, or implementation details of a specific indexed item.

​
@Terminals

Use @Terminals to attach the terminal state (logs, errors, and output) to the Kombai chat. Type @Terminals in the chat input, then select the terminal you want to attach. You can also select a portion of the terminal output, right-click, and Add to Kombai to attach it to the chat.
Resolve peer dependency warnings, version mismatches, and installation failures with lockfile conflicts.
Troubleshoot build failures and API route errors using logs and error messages directly from your terminal.