prototype-strategy

Installation
SKILL.md

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?
Installs
21
GitHub Stars
93
First Seen
Jun 30, 2026
prototype-strategy — infrasity-labs/dev-gtm-claude-skills