Profile My skills Saved Collections Edit profile Submit a skill

Product Prototype

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".

tomevault-io 617c0fb 2 files · 2.0 KB Updated
Design & Media

File contents

Interactive Prototype

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.

tomevault-io/skills-registry/tree/main/aws-samples--sample-kiro-cli-prompts-for-product-teams--sample-kiro-cli-prompts-for-product-teams commit 617c0fb6bd

Browse category

Frequently asked questions

npx skillmds@latest add tomevault-io/product-prototype