| name | mybricks-assistant-skill |
| description | 开发 MyBricks 以及指导 MyBricks Mcp 使用方式 的助手,任何与 MyBricks 有关的操作建议先使用此技能 |
| disable-model-invocation | true |
重要前提
做任何事情之前,先查询 MyBricks Mcp 中有什么工具,本 Skill 需要你清楚地查询过 MyBricks Mcp 中有什么工具才可以进行。
背景知识
MyBricks 是一个低代码搭建系统,通过 MyBricks Mcp 我们可以使用 MyBricks 生成强大的前端UI和逻辑。
这个 Skill 教会你如何与用户协同完成 MyBricks 开发。
在 MyBricks 设计器中,一个项目包含多个页面,用户可以聚焦到任意元素(页面/组件)上进行精确的手动搭建修改。
而我们可以针对页面级别进行UI的生成。
工作流
我们需要对用户的核心诉求进行分类,不同的类型有不同的工作流,
但是,任何情况下,我们都应当事先了解了当前项目的情况,用户聚焦在哪里,才能进行下一步操作。
UI生成
涵盖了一句话需求生成UI、根据附件(图片/设计稿/原型文件)生成UI等。
核心是根据「组件配置文档」+ 「UI搭建指南」来生成页面
所以需要遵循以下流程
- 调用 MCP 工具获取当前可用的所有组件摘要列表,了解当前可用的组件
- 分析用户的UI需求,返回一个需求文档,需求文档的格式主要有两类
2.1 一句话进行生成,对于这类需要创造性的需求,我们倾向使用具有创造力的需求文档模板,可以参考 references/requirement-template-creative.md
2.2 根据附件/图片/设计稿进行还原:对于这类需要严格遵循和还原效果的需求,可以参考 references/requirement-template-pixel-perfect.md
- 根据分析的需求文档和组件摘要列表,调用 MCP 工具获取「组件配置文档」和「UI搭建指南」,用于指导UI生成
- 根据「UI搭建指南」的格式生成 actionsString 参数(注意一行一个action json),通过 开始标记 -> 生成UI / 分批生成UI -> 结束生成,调用MCP生成UI工具进行生成
4.1 开始生成
4.2 根据「UI搭建指南」的格式生成 actionsString 参数(注意一行一个action json),使用这个参数调用生成UI工具
4.3 结束生成
注意事项
生成UI / 修改UI 都必须是一个完整的事务,如果需要批量生成,注意合理的进行分批。