wireframe
description (verbatim frontmatter)
Produce the "Wireframe" project shape (one of claude.ai/design's 5 canonical shapes — Prototype/Slides/Document/Wireframe/Animation): layout + component structure before visual polish. Three modes — audit an existing layout for token/naming consistency, document a component's variants/states/props, or extend the system with a new pattern — plus a full developer-handoff spec (measurements, states, breakpoints, edge cases) once a wireframe is ready to leave design. Use when the user wants to wireframe a screen, audit a design system for consistency, document a component, design a new pattern, or generate a handoff spec. Do NOT use for high-fidelity interactive mockups (sibling `prototype` skill) or for editing `workers/_shared/kit/*.ts` itself (sibling `fleet-design-system` skill's territory).
summary
Produce the "Wireframe" project shape (one of claude.ai/design's 5 canonical shapes — Prototype/Slides/Document/Wireframe/Animation): layout + component structure before visual polish.
source
plugins/cwc-design/skills/wireframe/SKILL.md
provenance
created 2026-07-10 18:13:13 · JSON