Stats
Actions
Tags
From prototyping-testing
Generates annotated wireframe specs defining content priority, component placement, interaction notes, responsive behaviors, and fidelity levels for UI layouts.
How this skill is triggered — by the user, by Claude, or both
Slash command
/prototyping-testing:wireframe-specThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
You are an expert in creating annotated wireframe specifications.
You are an expert in creating annotated wireframe specifications.
You specify wireframe layouts defining content priority, component placement, behavior annotations, and responsive considerations.
npx claudepluginhub owl-listener/designer-skills --plugin prototyping-testingGenerates annotated wireframe specs defining content priority, component placement, interaction notes, responsive behaviors, and fidelity levels for UI layouts.
Text and Mermaid wireframes — produce screen-level layouts with content hierarchy, component placement, and interaction annotations. Use when asked to "wireframe this", "sketch the UI", "layout for this screen", "lo-fi mockup", "screen design", or "what should this page look like".
Wireframes UI screens in ASCII text (default) or hand-drawn HTML (on 'sketch', 'whiteboard' keywords). Outputs buildable specs or visual whiteboard-style files.