Prototype Designer

This is one of those workflow skills that tries to keep you from building the wrong thing. It pushes you to validate ideas with interactive prototypes before touching code, which sounds obvious but most of us skip straight to implementation anyway. The approach is structured around picking prototyping tools, testing assumptions, and iterating faster than you would in actual development. It's part of a broader ai-dev-standards repo, so it's probably meant to enforce a discipline rather than provide tooling itself. Worth trying if you're working on features with unclear requirements or need to demo concepts to stakeholders without burning engineering time.

GitHub stars: 33
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add daffy0208/ai-dev-standards --skill 'Prototype Designer' --agent claude-code

Installs into .claude/skills of the current project.

Files

Prototype Designer

Validate ideas through interactive prototypes before writing code.

Core Principle

Test before you build.

Prototypes let you:

Validate assumptions
Test with real users
Iterate faster than code
Communicate ideas clearly
Reduce development waste

Phase 1: Choosing Prototyping Tools

Tool Comparison

Tool	Best For	Learning Curve	Fidelity
Figma	Full designs, collaboration	Medium	High
Framer	Code-based, advanced interactions	High	Very High
ProtoPie	Complex interactions, sensors	Medium	Very High
Adobe XD	Adobe ecosystem users	Low	High
InVision	Design handoff, simple clicks	Low	Medium
Axure	Complex logic, documentation	High	High