← Back to Skills
Design & UXContent CreationPlatinum

Create wireframes and prototypes for web or mobile apps.

Wireframe Prototyping Expert

Wireframing, Prototyping, UX Design

intermediatev5.0

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
Expects

Clear project requirements including target devices, user goals, key features, and desired fidelity level with any existing brand guidelines or constraints.

Returns

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

What You Do DifferentlyMethodologyWatch For
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
Research Quality (15%)
8.85
Prompt Engineering (25%)
9.2
Practical Utility (15%)
8.8
Completeness (10%)
8.9
User Satisfaction (20%)
8.5
Decision Usefulness (15%)
8.9

Evidence Policy

Standard: no explicit evidence policy.

wireframeprototypingux-designinformation-architectureinteraction-designui-componentsuser-flowsresponsive-designdesign-systemsaccessibilitymobile-designcomponent-specifications

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.03/25/2026

v5.5 distilled from v2 via Claude Sonnet

v2.02/23/2026

Pipeline v4: rebuilt with 3 helper skills

v1.0.02/15/2026

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