用途:把需求简述、流程、截图或代码上下文转化为可在浏览器打开的 HTML 设计产物,聚焦产物创建本身,而非品牌迁移或媒体生成。
主要能力:覆盖产品原型(应用界面、流程、工作区、引导)、落地页或叙事页、HTML 幻灯片或故事板、带播放或状态变化的动效演示,以及在一个产物内并排或切换对比多个设计方向。
使用方式:先阅读 references/artifact-modes.md 选择一种主模式,再按模式加载 workflow.md、anti-slop.md、verification.md 等参考文件;仅在模板能明显减少工作量时读取 references/starter-components.md。默认输出单个内联 CSS 与轻量 JavaScript 的独立 HTML 文件,必要时才拆分少量辅助文件。输出路径优先使用用户提供的文件名,否则在工作目录保存 {descriptive-slug}.html。交付前按 verification.md 验证。
适用场景:产品界面与流程概念、发布或叙事页面、HTML 演示与故事板、动效概念、多方向设计对比。若涉及现有代码库,应先检查其产品词汇,保留领域语言、导航逻辑与密度线索,仍默认输出独立 HTML,除非用户明确要求就地修改框架。
限制:不用于品牌风格迁移或设计系统导入、现有产物的主题配色字体替换、架构或拓扑图、海报卡片等信息长图、位图插画或图像编辑。交付需返回产物路径、所选模式、上下文来源、关键假设与后续迭代建议,不将完整 HTML 粘贴到聊天中,除非用户明确要求。若需求过于模糊,应询问缺失的沟通或产品目标;若宿主无预览能力,需说明本地已检查内容与未验证部分。