iteration-prototype-fidelity

Selects the appropriate prototype fidelity for each iteration and research question.

8|3|Updated May 3, 2026
One-click install
npx skills add https://github.com/Deibler/universal-design-principles --skill iteration-prototype-fidelity-deibler
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: iteration-prototype-fidelity
Source: https://github.com/Deibler/universal-design-principles/tree/main/plugins/process-and-robustness-principles/skills/iteration-prototype-fidelity
Command: npx skills add https://github.com/Deibler/universal-design-principles --skill iteration-prototype-fidelity-deibler

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Teams routinely mismatch prototype fidelity to the question being asked — polishing mockups before structure is settled, testing performance with Figma click-throughs, or skipping prototyping entirely and iterating expensively in production. This Skill provides a decision framework for matching prototype fidelity to the specific question each iteration cycle needs to answer. ## Core Features & Use Cases - Fidelity Ladder Guidance: Covers six fidelity levels from paper sketches through wireframes, mockups, clickable prototypes, code prototypes, and production beta, with the cost and answerable questions for each. - Question-to-Fidelity Matching: Maps common design questions (IA structure, visual style, flow usability, performance, adoption) to the cheapest fidelity that answers them. - Anti-Pattern Detection: Flags mistakes like pixel-perfect early design, testing with the wrong fidelity, and shipping prototypes as products. - Use Case: When planning a user research session for a new feature, use this Skill to decide whether sketches, a clickable Figma prototype, or a code prototype will actually answer your research question — avoiding weeks of over-investment or unusable feedback. ## Quick Start Ask the agent which prototype fidelity to use for testing whether users understand your new onboarding flow before writing production code.

Frequently Asked Questions about iteration-prototype-fidelity

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I choose the right prototype fidelity for user testing?▼

Choose the cheapest fidelity that answers your specific question. Use sketches or wireframes for information architecture questions, clickable prototypes for flow usability, code prototypes for performance, and production betas for adoption. Going higher than needed wastes time and distorts feedback.

When should I use low-fidelity vs high-fidelity prototypes?▼

Use low-fidelity prototypes for early structural research because users give more honest structural feedback and revisions are faster. Use high-fidelity prototypes for stakeholder buy-in, brand-perception research, and competitive comparisons where polish affects the answer.

What tools work for each prototype fidelity level?▼

Paper and whiteboards cover sketches; Balsamiq or Figma handle wireframes; Figma, Sketch, or Adobe XD produce mockups; Figma, Framer, or ProtoPie build clickable prototypes; HTML/CSS/JS or React with Storybook serve code prototypes.

Why do users only comment on colors during usability tests?▼

Users critique surface polish when the prototype fidelity is too high for the question being asked. Research shows high-fidelity prototypes elicit visual feedback while low-fidelity ones elicit structural feedback, so drop to sketches or wireframes for structure questions.

What are common prototyping mistakes to avoid?▼

Common mistakes include polishing visuals before structure is settled, testing with whatever prototype was easiest to build rather than the right fidelity, skipping prototyping entirely, and building prototypes to production quality which defeats their cost advantage.