Prodotypor
Description
An AI-assisted product development pipeline for Claude Code. Go from a product idea to Figma screens in 8 structured steps, with specialized AI agents handling product management, design research, and visual construction.
Installation
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open the source below and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
README
Prodotypor
An AI-assisted product development pipeline for Claude Code.
Go from a product idea to a clickable Figma prototype in 9 structured steps,
with specialized AI agents handling product management, design research, and visual construction.
Why
Building a product from scratch requires a product manager, a designer, and weeks of documentation before a single pixel is placed. If you're a solo founder, a small team, or just exploring an idea — you don't have that.
Prodotypor gives you an opinionated workflow where AI agents do the heavy lifting: creating backlogs, writing PRDs, researching design patterns, specifying your design system, planning screens, and constructing them in Figma. You provide the idea, the brand direction, and the approvals.
How It Works
Copy the template into your project, run `/00-setup` to answer a few questions about your product, then walk through the pipeline step by step.
YOU AI AGENTS
| |
| "I'm building a fitness app |
| for busy parents..." |
| |
| ───── /00-setup ──────────────────────> | Configures project files
| ───── /01-backlog ────────────────────> | Creates feature backlog with epics
| ───── /02-prioritize ─────────────────> | Applies P0-P3 framework, locks MVP
| ───── /03-prd ────────────────────────> | Writes PRDs with user stories
| ───── /04-inspiration ────────────────> | Audits 2+ competitor app designs
| ───── /05-design-doc ─────────────────> | Specifies colors, typography, components
| ───── /06-design-plan ────────────────> | Plans every screen with construction specs
| ───── /07-figma ──────────────────────> | Builds screens in Figma via MCP
| ───── /p
Related Skills
mcp-server-postgres
Read-only PostgreSQL database access.
Data mcp-server-sqlite
SQLite database interaction and querying.
Data mcp-server-google-maps
Google Maps integration for location data.
Data Bitbucket Data Center
---
Data Csv Data Summarizer
Automatically analyze CSV files and generate comprehensive insights with visualizations
Data Financial Services
Reference agents, skills, and data connectors for the financial-services workflows we see most — investment ba
Data