TinyRobot Component Library Assistant

Use this skill to produce accurate TinyRobot guidance and code with the smallest necessary context.

TinyRobot is a Vue-oriented component library for AI chat interfaces.

When to use this skill

Use this skill when the user:

• explicitly mentions TinyRobot or OpenTiny TinyRobot
• asks about Bubble, Sender, Prompts, chat containers, or similar TinyRobot components
• asks for TinyRobot component usage or examples
• wants to build an AI chat UI with TinyRobot
• needs TinyRobot setup, import, or theme guidance
• asks about TinyRobot message, conversation, or AI request integration

Example requests:

• "Create a chat UI using TinyRobot"
• "How do I use the Bubble component?"
• "Show a Sender example"
• "How do I configure TinyRobot theme?"
• "How should I manage conversation state with TinyRobot?"

Quick Routing

Start by classifying the request, then read only the relevant rule file.

For most implementation tasks, read rules/code-generation.md after the task-specific rule file.

Resources in This Skill

This skill is organized around these resource layers:

• components/ for component documentation
• demos/ for working component demos
• examples/ for full page or multi-component usage
• guide/ for setup and configuration guidance
• tools/ for message, conversation, and helper utilities
• migration/ for version migration notes when relevant
• rules/component-use.md
• rules/project-setting.md
• rules/code-generation.md
• rules/kit-use.md

Use the smallest relevant layer first, then expand only when the task needs more context.