Curated from Google's Stitch project, this is a structured feedback loop for tightening the gap between design briefs and shipped UI. The workflow is critique, adjust, ship, repeat until the visual fidelity matches intent. You'd reach for this when you're iterating on component implementations and need a framework to keep design QA systematic rather than ad hoc. It sits in the design systems category and expects to run in design-system mode. The upstream repo has the full workflow with assets and scripts, but this catalogue entry mainly helps the agent discover and trigger the skill during planning. Honest take: the value depends entirely on how opinionated the upstream workflow is, which you'll need to check in the Google Labs repo yourself.

skills.sh installs
2.8K
GitHub stars
106.9K
last updated
Aug 21, 2026

Install

$ npx -y skills add nexu-io/open-design --skill stitch-loop --agent claude-code

Installs into .claude/skills of the current project.

Files

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.

Sponsors

Details

Repository
github.com/nexu-io/open-design
Categories
Release Management, Design & UI/UX
First seen
Jun 3, 2026

More from nexu-io/open-design

All 217
1deanpeters avatarfinance-based-pricing-advisordeanpeters/product-manager-skillsEvaluate pricing changes using ARPU, conversion, churn risk, NRR, and payback. Use when deciding whether a pricing move should ship.2.8Kskills.sh installs
2ar9av avatargraph-colorizear9av/obsidian-wikiColor-code the Obsidian graph view by rewriting `.obsidian/graph.json` colorGroups. Use this skill when the user says "color my graph", "color code obsidian", "2.8Kskills.sh installs
3copilotkit avatarcopilotkit-debugcopilotkit/copilotkitUse when diagnosing CopilotKit issues -- runtime connectivity failures, agent not responding, streaming errors, tool execution problems, transcription failures,2.8Kskills.sh installs
4deanpeters avataruser-story-mappingdeanpeters/product-manager-skillsCreate a user story map that lays out activities, steps, tasks, and release slices. Use when planning a workflow, backlog, or MVP around the user journey.2.8Kskills.sh installs
5copilotkit avatarreact-corecopilotkit/copilotkit@copilotkit/react-core — mount the CopilotKit provider (from @copilotkit/react-core/v2) in a Next.js App Router / React Router v7 / TanStack Start / SPA app, dr2.8Kskills.sh installs
6copilotkit avatara2ui-renderercopilotkit/copilotkitRender A2UI (Agent-to-UI declarative surfaces) in CopilotKit v2. Enable the runtime via CopilotRuntime({ a2ui: {...} }), then enable the provider via <CopilotKi2.7Kskills.sh installs