Agent Skills

Skills that teach your editor how to build with zato. Install a skill and let the agent scaffold chat UIs for you.

What are Skills?

Agent skills are markdown files that live in your project and teach your AI agent how to use specific tools and libraries. The build-with-zato skill gives the agent full knowledge of every zato component — props, patterns, and composition recipes — so it can build chat interfaces fast.

Install

Add the agent skill to your project using the CLI:

npx zatoui add-skill

This downloads the skill to .cursor/skills/build-with-zato/SKILL.md. If you cloned the repo, it's already there.

What the Agent Learns

Once installed, the agent automatically knows how to:

Set up zato

Run the CLI, resolve deps, configure CSS

Use every component

ChatInput, AgentMessage, UserMessage, TypingIndicator, CodeBlock, MessageActions

Compose full pages

Scaffold chat pages with message lists, input, and streaming

Handle streaming

Wire up ReadableStream responses with the isStreaming prop

Add toggle modes

Web search, canvas, and custom menu items on ChatInput

Follow conventions

Correct imports, cn() usage, theme tokens, and file structure