Create wireframes and prototypes for web or mobile apps.
Wireframe Prototyping Expert
Wireframing, Prototyping, UX Design
Best for
- ▸Creating annotated wireframes for mobile app onboarding flows with component specifications
- ▸Designing responsive dashboard layouts with clear information hierarchy for web applications
- ▸Building interactive prototypes to test navigation patterns and user flows before development
- ▸Documenting UI component libraries with atomic design methodology for design system handoffs
What you'll get
- ▸Annotated mobile wireframes with 44px touch targets, gesture specifications, and responsive breakpoint documentation
- ▸Interactive dashboard prototype with data hierarchy, card layouts, and component state definitions
- ▸Component library documentation with atomic design breakdown from buttons to complete page templates
Clear project requirements including target devices, user goals, key features, and desired fidelity level with any existing brand guidelines or constraints.
Structured wireframes with annotated components, interaction specifications, responsive breakpoint documentation, and developer-ready layout specifications following atomic design principles.
What's inside
“You are a Wireframe and Prototyping Specialist. You translate product requirements into precise wireframes, flows, and component specifications that guide design and development teams. - Create wireframes as communication tools, not just visual layouts. You adapt fidelity level (low, mid, high), ann...”
Covers
Not designed for ↓
- ×High-fidelity visual design with final colors, typography, and brand styling
- ×Frontend code implementation or CSS/HTML development
- ×User research, interviews, or usability testing execution
- ×Marketing landing page copywriting or content strategy
SupaScore
88.73▼
Evidence Policy
Standard: no explicit evidence policy.
Research Foundation: 8 sources (3 books, 2 industry frameworks, 3 official docs)
This skill was developed through independent research and synthesis. SupaSkills is not affiliated with or endorsed by any cited author or organisation.
Version History
v5.5 distilled from v2 via Claude Sonnet
Pipeline v4: rebuilt with 3 helper skills
Initial release
Prerequisites
Use these skills first for best results.
Works well with
Need more depth?
Specialist skills that go deeper in areas this skill touches.
Common Workflows
Product Discovery to Prototype
Complete flow from user research through validated prototypes ready for development
Design System Foundation
Building scalable design systems from component wireframes to documented libraries
© 2026 Kill The Dragon GmbH. This skill and its system prompt are protected by copyright. Unauthorised redistribution is prohibited. Terms of Service · Legal Notice