product-design
Orchestrator for the design-* set that frames the brief, explores options, builds the chosen direction, gates with QA, and ships, routing each request to a sub-skill.
Source: DKeken
At a glance
- Best for
- Broad design goals where the specific step is ambiguous
- Works with
- Cursor · OpenAI Codex · Claude Code
- Outcome
- Sequencing a multi-stage design project from frame to ship
- Source
- DKeken/codex-skills-alternative
01 / Understand the skill
About product-design
Orchestrator for the Product Design skill set — turn early ideas into reviewable prototypes. Routes to the right sub-skill (get-context, research, audit, ideate, image-to-code, url-to-code, prototype, qa, share) based on where you are in the design process. Use when the user gives a high-level design goal like "design a UI for X", "prototype this idea", "rebuild this screen", "review our flow", or isn't sure which design step they need. Delegates to design-* skills.
Orchestrator for the Product Design skill set — turn early ideas into reviewable prototypes. Routes to the right sub-skill (get-context, research, audit, ideate, image-to-code, url-to-code, prototype, qa, share) based on where you are in the design process.
Read full description
Orchestrator for the Product Design skill set — turn early ideas into reviewable prototypes. Routes to the right sub-skill (get-context, research, audit, ideate, image-to-code, url-to-code, prototype, qa, share) based on where you are in the design process. Use when the user gives a high-level design goal like "design a UI for X", "prototype this idea", "rebuild this screen", "review our flow", or isn't sure which design step they need. Delegates to design-* skills.
02 / Confirm the fit
Use product-design when you need to
- Broad design goals where the specific step is ambiguous
- Sequencing a multi-stage design project from frame to ship
- Keeping context.md as the shared source of truth across stages
03 / See the workflow
How product-design works
- 01Install: npx skills add https://github.com/DKeken/codex-skills-alternative --skill product-design
- 02Try: Our onboarding loses people; redesign it and give me something clickable.
- 03Get: A staged plan dispatched through context, ideate, build, QA, and share.
Check before installing
Compatible platforms
Cursor · OpenAI Codex · Claude Code
Best fit
Broad design goals where the specific step is ambiguous
Review the source instructions if the required output differs from the formats described above.
Install and use
Compatible with Cursor and OpenAI Codex and Claude Code · Published by DKeken
Ready to add product-design?
Use the published instructions below, then provide the required input and describe the result you need.
General instructions · Cursor · OpenAI Codex · Claude Code
npx skills add https://github.com/DKeken/codex-skills-alternative --skill product-design
Review the source repository and license before installing third-party skills.
Continue exploring
Similar skills
Generates original p5.js generative art by first writing an algorithmic philosophy, then expressing it as a self-contained interactive HTML viewer with seeded randomness.
Reproduces a reference mockup as a runnable frontend, extracting its design system then screenshot-comparing the build and iterating until the gap is minor and explained.
Clarifies the brief before design work by interrogating goal, user, JTBD, constraints, success, and scope, then writing a context.md the other design skills consume.
Creates museum-quality original poster and visual-art PDFs/PNGs by drafting a design philosophy first, then expressing it as a minimal, design-forward single-page canvas.