用途:制作通用桌面网页原型,产出一个自包含的单文件 HTML(index.html),通过复制种子模板并粘贴版式区块来组合,不手写 CSS。
主要能力与资源:技能目录包含 SKILL.md、assets/template.html(种子,含令牌、类系统与页面框架,需先通读)以及 references/layouts.md(8 个可直接粘贴的区块骨架与类清单)和 references/checklist.md(P0/P1/P2 自检清单)。
使用方式:先读 template.html 与 layouts.md,并将当前 DESIGN.md 的颜色映射到种子中的六个 :root 变量,不引入新令牌;把 template.html 复制为 index.html,替换六个 :root 变量、页面标题与顶部导航品牌;按页面类型选择版式顺序(落地页、营销/编辑、定价、文档索引各有默认节奏),先用一句话向用户说明所选区块列表;再从 layouts.md 复制 section 到 main 中并填入真实文案;最后逐项跑 checklist,P0 必须全过;以 artifact 标签包裹 index.html 输出,前后各一句说明。
硬性规则:单一强调色,每屏最多使用两次;标题用衬线字体,正文用无衬线,数字/说明/眉标用等宽;图片用占位符而非外链图库;不要添加固定宽度破坏 920px 处的移动端重排;每个 section 加 data-od-id。
限制:面向桌面网页原型;不适用于未覆盖的区块类型(应选最接近的版式改写);未提供的内容不得编造填充;具体平台、价格等信息暂未提供。