html-prototype-generator
Installation
SKILL.md
HTML 原型生成
把已经足够明确的界面需求制作成可直接打开、操作和评审的 HTML 原型,用真实页面行为帮助用户确认界面结构和关键流程。
核心原则
- 原型服务于理解和评审,不把它当作生产前端代码,也不为了展示技术能力增加无关功能。
- 可以直接使用用户描述、业务需求、UI 需求文档、现有页面、前端代码或截图。缺少正式 UI 需求文档不阻止工作。
- 优先延续当前项目已有的页面结构、视觉规范、组件习惯和交互方式;用户明确要求复刻时,以被复刻对象为准。
- 没有项目视觉依据时再选择适合当前场景的表达方式。仓库内置 KT Admin 资产只是后台管理页面的可选默认模板,不是所有原型的强制外壳。
- 只询问会导致页面范围、主要流程或界面结果明显不同的问题。能从输入和项目中确认的内容自行查清。
- 原型中的模拟数据和交互必须能够表达业务语义,不把空壳页面、不可点击按钮或说明文字当成功能替代品。
- 审查问题只用于检验原型,不会自动形成新需求。修改原型前把问题追溯到直接输入或项目事实;输入没有约束且不影响关键任务的内容,由原型制作者合理设计,不把评审者的偏好冒充用户要求。
输入与关联
先确认本次原型直接依据哪些用户描述、文档、页面、代码或截图。已有 UI 需求正文时优先直接链接;没有时使用实际存在的其他输入,不补写形式性文档。
同一事项沿用稳定的中文工作名称。多个输入都要明确列出,用户直接指定的链接或路径优先;不要靠文件名相似度猜测需求、设计或原型之间的关系。