AI Product Design Runtime by Joker — from requirements to frontend code, powered by 5 MCP servers. Automated product design pipeline based on the MCP protocol
This repository also configures its own agents. See what apdr-product-design-runtime tells them →
lazysheep-z/apdr-product-design-runtime
Skill Claude CodeCodex
A product-design workflow that takes a brief idea through requirements, a product requirements document, user flows, site structure, wireframes, interface design, code, and handoff documents. It saves each result as a versioned project artifact and can pause for human approval.
lazysheep-z/apdr-product-design-runtime
Skill Claude CodeCodex needs its repo
A code-analysis stage that examines frontend code after it has been generated and records its routes, components, entry points, and file structure. CodeGraph is the indexing and exploration system it uses to inspect that code.
lazysheep-z/apdr-product-design-runtime
Skill Claude CodeCodex
Records key product and design decisions as Markdown ADR (Architecture Decision Records) using MADR format.
lazysheep-z/apdr-product-design-runtime
Skill Claude CodeCodex
Design quality gate. Checks token consistency, component coverage, responsive behavior, and accessibility before codegen.
lazysheep-z/apdr-product-design-runtime
Skill Claude CodeCodex
Frontend code quality gate. Checks generated code against best practices, component structure, a11y, and performance.
lazysheep-z/apdr-product-design-runtime
Skill Claude CodeCodex
Code from approved UIDesignSpec via Superpowers plans + TDD; artifacts via MCP.
lazysheep-z/apdr-product-design-runtime
Skill Claude CodeCodex
Developer handoff documentation. Generates component docs, build instructions, API contracts, and deployment guide.
lazysheep-z/apdr-product-design-runtime
Skill Claude CodeCodex
InformationArchitecture artifact plus structural diagrams. Defines sitemap, navigation, content types, search strategy, and taxonomy.
lazysheep-z/apdr-product-design-runtime
Skill Claude CodeCodex
Project intake specialist.
lazysheep-z/apdr-product-design-runtime
Skill Claude CodeCodex
Full PRD with features (MoSCoW), user stories, acceptance criteria, data contracts, success metrics, and feature dependencies.
lazysheep-z/apdr-product-design-runtime
Skill Claude CodeCodex
Final quality gate. Runs artifact quality assessments and feature-flow-wireframe coverage checks across the entire pipeline.
lazysheep-z/apdr-product-design-runtime
Skill Claude CodeCodex
Requirements analysis with Superpowers brainstorming, pm-skills discovery + market research, baoyu capture, and design-artifacts MCP.
lazysheep-z/apdr-product-design-runtime
Skill Claude CodeCodex
Generates test plans for generated frontend code. Covers unit, component, integration, and E2E testing.
lazysheep-z/apdr-product-design-runtime
Skill Claude CodeCodex
UserFlows artifact with task flows, error paths, permission flows, and system boundary diagrams.
lazysheep-z/apdr-product-design-runtime
Skill Claude CodeCodex
UIDesignSpec artifact; concept screens via baoyu-imagine when Figma is unavailable.
lazysheep-z/apdr-product-design-runtime
Skill Claude CodeCodex
Low-fidelity wireframes from IA. Generates HTML wireframes with multiple fidelity levels, interaction annotations, and preview servers.
At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: