DesignerIN THE LOOP

Designer - AI - developer workflow

Designers create. Agents coordinate.

Designers iterate on self-contained HTML prototypes in their own folder. Agent skills connect them to development—exchanging work orders, verifying offline portability, and delivering working prototypes through a separate private GitHub repository.

Works withClaude CodeCodexand many others.

Connect withGitHub

A designer and a developer work at separate desks as their agents carry design files between them.

The problem

Great design requires full-time focus, not leftover capacity.

Real visual craft takes time, iteration, and focused taste. Designer in the Loop gives design its own dedicated home with your agent, while collaboration skills handle the handoff.

The skills

Design freely. Hand off cleanly.

No shared codebase or Git conflicts

Your developer stays in the product repo while you work in a clean folder dedicated to HTML prototypes. You never have to pull production code, fix build errors, or resolve a merge conflict.

Role-specific skills, run on your terms

Install the designer or developer skills in Claude Code or Codex. Behind the scenes, your agents use a private GitHub repo as a handoff channel—passing work orders and portable prototypes only when you ask them to.

Work orders in. Working prototypes out.

A work order starts in the developer’s project, becomes a prototype in your design folder, and comes back as portable HTML they can open in a browser.

  1. Start with a clear request

    Your developer runs order to send a goal and task checklist (or linked feedback). You run inbox to lock the agreed checklist in your folder and start or resume work with your agent.

  2. Explore until it feels right

    Shape layouts, states, and interactions with your agent and open the HTML directly in a browser. Your agent tracks progress on the local checklist as you iterate.

  3. Hand off a verified prototype

    Run send to share work in progress, or send-final to reassess the agreed tasks and close the order. Both verify that the prototype opens cleanly from local files before your developer runs inbox to receive it.

“I’m a web designer. Why do I need this?”

New agent skills have to earn their place in your workflow. Most design skills focus on aesthetics—helping your agent with typography, layout, and visual polish.

Those skills help you design. These skills set up the handoff.

Working in a separate HTML folder keeps you away from production build errors and framework code, but getting briefs in and prototypes out usually falls back to chat threads, manual zip files, or Git branches.

Designer in the Loop connects your design folder to your developer’s project. Keep using the skills you trust for the visual craft—these skills bring in a clear checklist, verify that your HTML and assets open cleanly on another machine, and deliver the prototype straight to your developer’s inbox.