tiny-robot-skill · diff
v1.0.0 to v1.0.0
44 added, 24 removed. Audit A to A.
---
name: tiny-robot-skill
- description: TinyRobot component library **code generation** and **implementation guidance**. Use when analyzing, planning, or generating TinyRobot (AI chat UI) components. This skill provides API constraints, doc/example lookup flow, and code conventions.
+ description: Guides TinyRobot Vue AI chat UI implementation, setup, and code generation. Use when the user mentions TinyRobot, OpenTiny TinyRobot, Bubble, Sender, Prompts, chat container, message list, conversation tools, or asks to build chat interfaces with TinyRobot components.
license: MIT
metadata:
author: opentiny
version: '1.0.0'
---
# TinyRobot Component Library Assistant
- This skill provides TinyRobot component library resources: component index, docs, and demo code, to help **generate compliant code quickly**.
+ Use this skill to produce accurate TinyRobot guidance and code with the smallest necessary context.
- ## When to use
+ TinyRobot is a Vue-oriented component library for AI chat interfaces.
- - Developing with TinyRobot component library (AI chat UI components)
- - Configuring project theme and other setup
- - Looking up component docs and demo code
- - Writing code that follows TinyRobot best practices
+ ## When to use this skill
- ## Directory structure
+ Use this skill when the user:
- ```
- ./themeConfig.ts - Sidebar/menu index from source (sharedSidebarItems = guide + components + tools)
- ./src/ - Markdown docs: components (src/components/), guide (src/guide/), tools (src/tools/), examples, migration
- ./demos/ - Demo source code per component (from source docs/demos)
- ./rules/ - Lookup and usage rules
- ```
+ - 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
- ## How to use
+ Example requests:
- Follow the rule docs for the task:
+ - "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?"
- | Rule document | Use case |
- | ------------------------------------------------- | -------------------------------------------------------------- |
- | [project-setting](rules/project-setting.md) | Install TinyRobot, import components, theme and project setup |
- | [component-use](rules/component-use.md) | Find component docs and demo code |
+ ## Quick Routing
- ## Constraints
+ Start by classifying the request, then read only the relevant rule file.
- - Follow project and component API docs strictly
- - Do not guess TinyRobot usage from other libraries
- - Look up in order: component name → API/docs → demo code
+ | 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 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.