prototype-design
Installation
SKILL.md
Instructions
1、读取需求分析文档:
- 读取当前工作目录根目录下的output/doc文件夹下的 requirements-analysis-review.md文件,理解其中的设计需求和要求
- 如果用户提供了需求分析文档,则读取用户提供的需求分析文档
- 如果用户没有提供需求分析文档,只是语言描述,则请首先分析需求,拆解需要要点,如果用户确认无误,则进行后续操作。 2、根据设计需求,拆解关键需求要求和用户交互逻辑 3、根据拆解的需求,进行原型设计,直接在当前工作目录的根目录下的output文件夹下创建design-output文件夹,输出你所有的设计文件内容及项目文件,包括可交互的html文件及配套的资源文件等 4、输出的html文件请进行初步的交互验证测试,避免出现问题
Guideline
- 输出必须是可运行的html文件
- 如果涉及临时数据存储,请写txt文件作为临时数据的存储
- 同时请输出配套的项目readme手册
- 设计请简约大气,避免过于花哨
- 设计过程中请满足 reference文件下的 design-rule.md 中的设计规范要求
Related skills
More from bewatermyfriend7/skill-project
xml-diagram
根据自然语言描述生成 XML 格式(drawio)的图形文件。支持流程图、卡片、图表、图标等常用图形,输出可直接在 drawio 中打开编辑的 .drawio 文件。与 svg-generator 功能完全一致,但输出 drawio XML 格式。当用户提到 XML 绘图、drawio、生成图形、流程图时触发。
9svg-generator
根据自然语言描述生成 SVG 代码。支持流程图、卡片、图表、图标等常用图形,输出可直接在浏览器中查看的 SVG 文件。当用户提到 SVG、生成图片、图形、图标、流程图时触发。
8requirements-review
需求评审SKILL,可进一步与用户交互明确需求
8requirements-analysis
需求分析SKILL,可进一步与用户交互明确需求
8technical-design
技术方案设计SKILL,包含需求的技术实现、流程设计、库表设计、接口设计、任务拆解及预计工时及排期等
7drawio-diagram
根据自然语言描述生成 drawio 格式的图形文件。支持流程图、卡片、图表、图标、架构图等常用图形,输出可直接在 drawio 中打开编辑的 .drawio 文件。当用户提到 drawio、绘图、流程图、架构图、结构图时触发。
6