Prodotypor banner
andrefabricio andrefabricio

Prodotypor

Data community

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

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