UI Design-System / Interface Designer

Assign a component or interface request and a UI designer explores several directions, then produces an annotated, system-consistent spec covering every state for you to approve.

Join the waitlist

What it installs

Agents 1

  • UI Designer

    Produces annotated, system-consistent UI specs covering every state.

Workflows 1

  • Design interface

    Gather requirements, explore directions, spec and self-critique against the system, revise, and hand off.

Goals 1

  • UI extends the system, not fragments it

    New UI reuses and extends the design system instead of multiplying one-offs.

Skills 3

  • design-an-interface

    Explore several radically different interface directions before committing, compare them on simplicity, depth, and misuse-resistance, then synthesize the best. Adapted from mattpocock/skills/design-an-interface.

  • web-design-guidelines

    Audit a design or UI against Web Interface Guidelines — accessibility, keyboard/focus, contrast, motion, responsiveness, and state coverage. Adapted from vercel/agent-skills/web-design-guidelines.

  • composition-patterns

    Design composable component systems — compound components, lifted state, explicit variants, children over render props — to avoid boolean-prop sprawl. Adapted from vercel/agent-skills/composition-patterns.

Requirements

What this template expects to do its job. Task Machine does not verify these — you decide whether your setup is ready.

  • Browser access to your design tool — The agent works in your design tool (Figma, Penpot, or similar) through its web interface in your browser and pauses for your approval before making changes; until you connect it, it works from attached exports and screenshots.

Get started

Install UI Design-System / Interface Designer and run it with approvals.

Join the waitlist and we will send early access when the first private beta spots open.

Private beta. We invite teams in batches and never share your email.