HomeGitHub
Docs/Commands/Prototype

Prototype

Explore a shared visual direction with disposable static mockups before implementation begins.

Commandscommandprototypedesign

When to use it

Use prototype when layout, theme, or page hierarchy is not settled. It is a pre-build helper outside the feature loop.

Outputs

Prototype writes static HTML and CSS under prototypes/. All pages share a theme-variable file so an approved direction can be ported consistently into the application.

Review before code

The skill proposes a page and visual plan before writing mockups. Once approved, prototypes become design references for feature specs.

Disposable by design

Prototype markup is not production application code. Implementation extracts components, semantic structure, responsive behavior, and real content instead of copying a large static file into a route.

Documentation

Search AI Blueprint

Start typing to search the documentation.