
from SPECTRE Agentic Workflow146
Generate a single self-contained HTML prototype to validate features and flows visually before planning or implementation.
Produces a single, portable HTML prototype for a feature or flow so stakeholders can review UI, states, and interactions before planning or development. The skill reads existing UX/spec documents when available and renders a fidelity-appropriate prototype (low/mid/high) saved to a standard OUT_DIR/prototypes path. It enforces portability rules: inline SVGs, CSS tokens, no external images, and non-happy states for every screen.
Use this skill to make ambiguous requirements visible: prior to detailed planning, when validating UX decisions, or when a quick visual artifact is needed to align stakeholders. It supports post-ux rendering (high-fi) and synthesis from scope docs or descriptions (mid/low-fi).
This skill is implementation-agnostic; it is useful for agents that can write files and run simple scripts (Copilot/Codex/Gemini CLI/Claude Code). It expects access to the repository workspace and basic shell tools.
Spectre-prototype is a comprehensive prototyping workflow skill that generates self-contained HTML artifacts for feature validation. The SKILL.md is exceptionally detailed with clear stages, invocation modes, negative constraints, and portability checks. No scripts were bundled or executed. The skill depends on the broader spectre ecosystem (subagents like web-research, analyst, patterns, dev) which limits standalone usability.
Well-crafted skill with strong structure and clear output contracts. The negative constraints section is excellent — explicitly forbids common AI-generated prototype anti-patterns (Lorem ipsum, generic aesthetics, happy-path-only screens). Portability self-check is a nice touch. Main limitation is ecosystem dependency.