关于 tiny-robot-skill
tiny-robot-skill 为使用 Vue 组件库 TinyRobot 构建 AI 聊天界面的开发者提供指导。它按任务定位文档与示例,以减少所需上下文。
主要功能
- 01按请求定位相关规则
- 02提供组件和页面示例
- 03涵盖项目设置与主题配置
- 04指导消息和对话逻辑
- 05包含迁移说明与工具
适用场景
- 01使用 TinyRobot 构建聊天界面
- 02查询 Bubble 或 Sender 用法
- 03在项目中配置 TinyRobot
- 04管理聊天状态和 AI 请求
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ opentiny/ agent-skills --skill tiny-robot-skill安装后在 Claude Code 中输入/tiny-robot-skill确认已加载。
包含的文件
除 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.vue详细介绍
TinyRobot 组件库助手
使用此技能,以尽可能少的上下文提供准确的 TinyRobot 指引和代码。
TinyRobot 是一个面向 Vue 的 AI 聊天界面组件库。
何时使用此技能
在用户出现以下情况时使用此技能:
- 明确提及 TinyRobot 或 OpenTiny TinyRobot
- 询问
Bubble、Sender、Prompts、聊天容器或类似的 TinyRobot 组件 - 询问 TinyRobot 组件的用法或示例
- 想使用 TinyRobot 构建 AI 聊天界面
- 需要 TinyRobot 的设置、导入或主题指引
- 询问 TinyRobot 消息、对话或 AI 请求集成
请求示例:
- “使用 TinyRobot 创建一个聊天界面”
- “如何使用 Bubble 组件?”
- “展示一个 Sender 示例”
- “如何配置 TinyRobot 主题?”
- “如何使用 TinyRobot 管理对话状态?”
快速路由
先对请求进行分类,然后只阅读相关规则文件。
| 请求类型 | 首先阅读 | 用途 |
|---|---|---|
| 组件用法或页面组合 | rules/component-use.md | 组件查找、组合、演示、缺少组件时的处理 |
| 项目设置或主题配置 | rules/project-setting.md | 安装、集成、主题,以及将文档中的设置适配到用户项目 |
| 代码生成 | rules/code-generation.md | 输出风格、Vue SFC 规范、简洁性、注释语言 |
| 消息、对话或 AI 请求逻辑 | rules/kit-use.md | 安全使用工具、状态分离、处理 API 不确定性 |
对于大多数实现任务,阅读任务相关规则文件后,再阅读 rules/code-generation.md。
此技能中的资源
此技能围绕以下资源层组织:
components/:组件文档demos/:可运行的组件演示examples/:完整页面或多组件用法guide/:设置与配置指引tools/:消息、对话和辅助工具migration/:相关版本迁移说明rules/component-use.mdrules/project-setting.mdrules/code-generation.mdrules/kit-use.md
先使用最精简的相关资源层,仅在任务需要更多上下文时再扩展。
评论
支持 Markdown