skills/tiny-robot-skill/SKILL.md
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.
npx skillsauth add opentiny/agent-skills tiny-robot-skillInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
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.
Use this skill when the user:
Bubble, Sender, Prompts, chat containers, or similar TinyRobot componentsExample requests:
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.
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.mdUse the smallest relevant layer first, then expand only when the task needs more context.
development
当使用 TinyVue 组件库(@opentiny/vue)进行开发时或者配置 TinyVue 工程的国际化,主题配置,表单校验说明,自动导入组件等,一定要阅读本技能。本技能提供严格的 API 文档和示例,以及如何查找流程以及代码规范。
tools
Use when work should span one or more detached tasks but still behave like one job with a single owner context. TaskFlow is the durable flow substrate under authoring layers like Lobster, ACPX, plugins, or plain code. Keep conditional logic in the caller; use TaskFlow for flow identity, child-task linkage, waiting state, revision-checked mutations, and user-facing emergence.
tools
# Lobster Lobster executes multi-step workflows with approval checkpoints. Use it when: - User wants a repeatable automation (triage, monitor, sync) - Actions need human approval before executing (send, post, delete) - Multiple tool calls should run as one deterministic operation ## When to use Lobster | User intent | Use Lobster? | | ------------------------------------------------------ | --------------------------
tools
# Lobster Lobster executes multi-step workflows with approval checkpoints. Use it when: - User wants a repeatable automation (triage, monitor, sync) - Actions need human approval before executing (send, post, delete) - Multiple tool calls should run as one deterministic operation ## When to use Lobster | User intent | Use Lobster? | | ------------------------------------------------------ | --------------------------