About tiny-robot-skill
tiny-robot-skill guides developers building AI chat interfaces with the Vue-oriented TinyRobot component library. It routes tasks to focused documentation and examples to keep the context small.
Key features
- 01Routes requests to relevant rules
- 02Provides component and page examples
- 03Covers setup and theme configuration
- 04Guides message and conversation logic
- 05Includes migration notes and utilities
Use cases
- 01Building a chat UI with TinyRobot
- 02Looking up Bubble or Sender usage
- 03Configuring TinyRobot in a project
- 04Managing chat state and AI requests
Install
Copy the command and run it in a terminal.
npx skills add https:/After installing, type/tiny-robot-skillin Claude Code to confirm it loaded.
Bundled files
References and scripts installed along with SKILL.md.
.claude-plugin/plugin.jsoncomponents/attachments.mdbubble.mdcontainer.mddrag-overlay.mddropdown-menu.mdfeedback.mdhistory.mdmcp-add-form.mdmcp-server-picker.mdprompts.mdsender-compat.mdsender.mdsuggestion-pills.mdsuggestion-popover.mdtheme.mdwelcome.mddemos/attachments/basic.vuecustom-file-type.vuecustom-icon.vuedownload.vuepicture-list.vuestatus.vuewrap.vuedemos/bubble/avatar-and-placement.vuebasic.vuecontent-render-mode.vuecontent-resolver.vuecustom-renderer.vueimage.vueDetails
From the project READMETinyRobot 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.
| Request type | Read first | Use for |
|---|---|---|
| Component usage or page composition | rules/component-use.md | Component lookup, composition, demos, missing component handling |
| Project setup or theme configuration | rules/project-setting.md | Installation, integration, theme, adapting docs setup to user projects |
| Code generation | rules/code-generation.md | Output style, Vue SFC conventions, simplicity, comment language |
| Message, conversation, or AI request logic | rules/kit-use.md | Safe tool usage, state separation, API uncertainty handling |
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 documentationdemos/for working component demosexamples/for full page or multi-component usageguide/for setup and configuration guidancetools/for message, conversation, and helper utilitiesmigration/for version migration notes when relevantrules/component-use.mdrules/project-setting.mdrules/code-generation.mdrules/kit-use.md
Use the smallest relevant layer first, then expand only when the task needs more context.