Wireframe Prototyping Expert
Creates low-to-high fidelity wireframes and interactive prototypes with clear information hierarchy, navigation flows, and component specifications for web and mobile applications.
SupaScore
84.1Best 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
- ▸Creating low-fidelity concept wireframes for stakeholder alignment on product features
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
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
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.
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
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
Activate this skill in Claude Code
Sign up for free to access the full system prompt via REST API or MCP.
Start Free to Activate This Skill© 2026 Kill The Dragon GmbH. This skill and its system prompt are protected by copyright. Unauthorised redistribution is prohibited. Terms of Service · Legal Notice