{
  "skill": {
    "id": "skl_wireframe",
    "name": "wireframe",
    "plugin": "cwc-design",
    "description": "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.",
    "gated": 0,
    "source_path": "plugins/cwc-design/skills/wireframe/SKILL.md",
    "created_at": "2026-07-10 18:13:13",
    "cite_as": "https://subagentskills.com/api/skills/skl_wireframe"
  }
}