菜单
Use when building the interactive HTML prototype — shared CSS, design system, screen manifest, per-screen files, navigation hub. Triggers on "build the prototype", "clickable prototype", "prototype screens".
默认使用会先检查来源的 Prompt；你也可以切换为直接命令，或下载本地副本。
决定是否安装前，请先阅读 SKILL.md，以及 SkillsMP 当前展示的配套文件。
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
直接命令不会经过审查 Prompt；运行前请先检查来源。
npx skills add https://github.com/tomevault-io/skills-registry --skill product-prototype命令会保持在同一行。复制前请横向滚动并检查完整内容。
想先保存到本地？可下载 SkillsMP 当前能够提供的文件。
正在显示 SKILL.md
基于 SOC 职业分类
| name | product-prototype |
| description | Use when building the interactive HTML prototype — shared CSS, design system, screen manifest, per-screen files, navigation hub. Triggers on "build the prototype", "clickable prototype", "prototype screens". |
| metadata | {"author":"aws-samples"} |
Authoritative guide: prompts/Prototype Creation Guide.md (build order, interactivity, Step 9.5 post-build + syntax gate). Shared standards: prompts/Shared Standards.md.
Build order (strict): shared [product-slug].css → DesignSystem_*.html → Design Token Contract → screen manifest + sidebar shell + Content Link Map → Screen_*.html (one per screen) → ScreenIndex_*.html.
Chart libraries: download at build time into gitignored documents/lib/, then run the integrity gate (Step 9.5 check 4.5). Every screen: dependency-load guard + global error banner. Run the syntax gate before declaring any screen done. For parallel screen work, dispatch the screen-builder subagent (one per screen).
Source: aws-samples/sample-kiro-cli-prompts-for-product-teams — distributed by TomeVault.
