Design Prototype Handoff Team

设计原型专家团

Use this skill as the routing entry point for design-to-code, prototype handoff, design system, and UX polish work. It packages the WorkBuddy design-to-code team workflow into a Codex skill entry instead of requiring the WorkBuddy plugin to be installed.

Workflow

1. Read references/guide.md to classify the source material, target framework, and expected deliverables.
2. Use the narrowest relevant WorkBuddy capability module from the guide. For full-package requests, follow references/workflow.md in order.
3. If the user provides Figma, ask for a frame/component JSON export when no direct design connector is available. If the user provides a screenshot, verify that the image path is accessible.
4. Prefer accessible, production-ready output: semantic HTML, keyboard behavior, ARIA where needed, tokenized styles, responsive breakpoints, and documented states.
5. Return concrete artifacts: component code, design critique, handoff spec, design-system notes, accessibility findings, UX copy, or blockers.

Source Capability Modules

• design-to-code-workflows
• accessibility-review
• design-critique
• design-handoff
• design-system
• research-synthesis
• user-research
• ux-copy

Output

Produce only the deliverables relevant to the request. For a full design prototype handoff package, assemble the output set described in references/workflow.md.