TinyRobot Component Library Assistant
SkillCommunicationGuides 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.
Use TinyRobot Component Library Assistant in Claude, ChatGPT or Ahel Desktop
Free. Sign in, add TinyRobot Component Library Assistant and connect your AI. About a minute.
Also: Claude Code · Cursor · Codex
Then ask your AI: use the TinyRobot Component Library Assistant skill
Details
Instructions available. Your AI can read the instructions. Execution depends on the setup they require.
Account requirements not reviewed. Check the skill instructions before use; ahel provides instructions and does not run this skill.
No other account needed.
Add ahel to your AI once: Claude, ChatGPT, Cursor, Claude Code or Codex. Then ask it to use this.
What this skill tells your AI
The instructions your AI receives, as published by opentiny/agent-skills in skills/tiny-robot-skill/SKILL.md and read by ahel’s review.
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.
Signals
- GitHub stars
- 20
- Forks
- 2
- Last commit
- Sep 2026
ahel review
K1binfo
installs-packages (in components/bubble.md)
Automated review, not a security audit. Ruleset v1+k2.
Advanced
- Item type
- skill
- Key
tiny-robot-skill- Source
- github.com/opentiny/agent-skills
github.com/opentiny/agent-skills
Related picks
Skill · onweekendd
The pick for Vuevue-composable-patterns
Skill · esposter
The pick for Vueslack-gif-creator
Skill · anthropics
More in Communicationerror-handling
Skill · affaan-m
More in Communicationemails
Skill · coreyhaines31
More in Communicationwait-what
Skill · mattpocock
More in Communication