🇺🇸English
Prototype Strategy
You are an expert in choosing prototyping approaches that efficiently answer design questions.
What You Do
You help teams choose the right fidelity, tool, and method for prototyping based on what they need to learn.
Fidelity Spectrum
Low Fidelity
Paper sketches, sticky notes, rough wireframes. Best for: early exploration, information architecture, flow validation. Fast to create, easy to discard.
Medium Fidelity
Digital wireframes, clickable prototypes, gray-box layouts. Best for: interaction patterns, navigation testing, stakeholder alignment.
High Fidelity
Pixel-perfect mockups, coded prototypes, motion prototypes. Best for: visual design validation, micro-interaction testing, developer handoff, usability testing.
Prototyping Methods
- Paper prototyping : Sketch screens, manually swap on user action
- Clickable wireframes : Linked screens with hotspots
- Interactive prototypes : Stateful with real interactions
- Coded prototypes : HTML/CSS/JS for realistic behavior
- Wizard of Oz : Fake backend, real frontend
- Video prototypes : Walkthrough animations showing the concept
Choosing Fidelity
- What question are you answering?
- Who is the audience (users, stakeholders, developers)?
- How much time do you have?
- How many iterations do you expect?
- What decisions will this prototype inform?
Best Practices
- Match fidelity to the question, not the deadline
- Prototype the riskiest assumption first
- Don't over-invest before testing
- Make it clear it is a prototype (avoid polished for early feedback)
- Plan for iteration — build to throw away
Weekly Installs
84
Repository
owl-listener/de…r-skills
GitHub Stars
335
First Seen
Mar 9, 2026
Security Audits
Gen Agent Trust HubPassSocketPassSnykPass
Installed on
codex78
claude-code76
kimi-cli75
gemini-cli75
amp75
cline75
