mcpField
S
stitch-loop

stitch-loop

github.com/nexu-ioDesign & UI104.6k2.7k installsUpdated 1d ago
Repository

About stitch-loop

stitch-loop is a design-to-code skill from Google Labs (Stitch) that uses an iterative critique-and-adjust cycle to improve how closely a built UI matches its brief. It is for agents working through UI design refinement.

Key features

  1. 01Iterative design-to-code loop
  2. 02UI critique and adjustment
  3. 03Visual fidelity refinement

Use cases

  1. 01Refining a UI against its brief
  2. 02Reviewing a built interface
  3. 03Adjusting designs before delivery

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/nexu-io/open-design --skill stitch-loop

After installing, type/stitch-loopin Claude Code to confirm it loaded.

Details

From the project README

stitch-loop

Curated from Google Labs (Stitch).

What it does

Iterative design-to-code feedback loop. Critique → adjust → ship cycle for tightening visual fidelity between brief and built UI.

Source

How to use

This catalogue entry advertises the skill in OpenDesign so the agent discovers it during planning. To run the full upstream workflow with its original assets, scripts, and references, install the upstream bundle into your active agent's skills directory:

# Inspect the upstream README for exact paths
open https://github.com/google-labs-code/skills

Then ask the agent to invoke this skill by name (stitch-loop) or with one of the trigger phrases listed in this skill's frontmatter.

Comments

Markdown supported