Spectre Prototype

What it does

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.

When to use it

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

What's included

• Scripts: none included in the skill directory (has_scripts=false)
• References: no extra references bundled (has_references=false)
• Instructions: detailed invocation modes, intake flow, subagent workflows for research/analysis/patterns, and strict HTML generation constraints and portability checks. The SKILL.md defines metadata blocks, design token rules, and a reproducible output path.

Compatible agents

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.