Profile My skills Saved Collections Edit profile Submit a skill

Design To Code Orchestrator

Use when the user wants to build a screen in Figma, implement from Figma, design this screen, build this page, match code to design, match design to code, or coordinate a hybrid workflow between design artifacts and implementation. Also use when the user asks for both design and code help and the path needs to be chosen explicitly instead of ad hoc.

newmindsgroup fc26194 2 files · 1.7 KB Updated
Design & Media

File contents

Design To Code Orchestrator

Use this skill to choose and enforce the right workflow for hybrid design and implementation work.

Read First

  • /Users/newmindsgroup/.codex/knowledge/visual-core/component-composition-rules.md
  • /Users/newmindsgroup/.codex/knowledge/design-reviews/design-qa-checklist.md

Routing Rules

  • If Figma files, Figma URLs, or design artifacts are present or requested, prefer Figma-first:
    • figma-use
    • figma-generate-design
    • figma-implement-design
    • design-system rules where relevant
  • If the request starts in code or implementation, prefer code-first:
    • visual-style-bible
    • design-system
    • design-qa
  • If the user wants both, choose the primary owner first and document the sequence.

Workflow

  1. Detect artifacts and intent.
  2. Choose Figma-first or code-first explicitly.
  3. Route to the relevant skills.
  4. Ensure a review step exists before calling the work complete.

Guardrails

  • do not leave the workflow choice implicit
  • prefer reusable system rules over one-off screen decisions

newmindsgroup/ai-agent-skills-library/tree/main/sources/sickn33-antigravity-awesome-skills/skills/design-to-code-orchestrator commit fc26194db0

Browse category

Frequently asked questions

npx skillmds@latest add newmindsgroup/design-to-code-orchestrator