Ui Loop
- Updated April 1, 2026
- Cheggin/ui-loop
ui-loop is a Claude Code plugin marketplace that runs an autonomous build loop—clarify, plan, implement, screenshot, and iterate UIs against a design spec until the interface matches requirements.
About
ui-loop is a Claude Code plugin marketplace whose ui-loop plugin gives Claude Code an autonomous frontend build protocol that can run for hours or days. The `/ui-loop:loop` skill clarifies scope, decomposes goals into a todo DAG in `.ui-loop/todos.md`, implements changes, takes screenshots, validates against `.ui-loop/spec.md`, commits, and loops with plateau and stuck heuristics. Seven agent roles—Orchestrator, Page Planner, Build, QA, Auditor, Design Spec, and Inspiration—switch thinking patterns by phase. Supported frameworks include Next.js App Router, Vite + React, Remix, SvelteKit, Astro, and Nuxt with Tailwind v4 as the default stack. State lives in plain markdown under `.ui-loop/` with a session hook creating the directory on startup. Developers reach for ui-loop when a dashboard or multi-page UI needs iterative visual verification without hand-managing every edit. Install via `/plugin marketplace add Cheggin/ui-loop` and `/plugin install ui-loop`.
- 7 agent roles: Orchestrator, Page Planner, Build, QA, Auditor, Design Spec, Inspiration
- Supports 6 frameworks: Next.js, Vite+React, Remix, SvelteKit, Astro, Nuxt
- Plateau heuristic: <3% progress for 4 iterations parks a todo and moves on
- State in `.ui-loop/todos.md`, `spec.md`, `progress.md` as plain markdown
- /ui-loop:loop-status checks queue progress without stopping the build loop
Ui Loop by the numbers
- Data as of Jul 10, 2026 (Skillselion catalog sync)
/plugin marketplace add Cheggin/ui-loopAdd your badge
Show developers this marketplace is listed on Skillselion. Paste this into your README.
| Last updated | April 1, 2026 |
|---|---|
| Repository | Cheggin/ui-loop ↗ |
How do you autonomously build and iterate UIs in Claude Code?
Run `/ui-loop:loop Build a dashboard with real-time analytics` to clarify scope, queue todos in `.ui-loop/todos.md`, and iterate with screenshots until the UI passes QA.
Who is it for?
Developers using Claude Code who need long-running autonomous UI builds with screenshot validation across React framework stacks.
Skip if: Backend-only APIs, one-shot component edits without a design spec, or projects outside the six supported frontend frameworks.
What you get
`.ui-loop/spec.md` brief, `.ui-loop/todos.md` queue, `.ui-loop/progress.md` log, committed UI code, and screenshot-validated pages.
- ui-loop spec and todo markdown
- committed frontend code
- screenshot-validated pages
By the numbers
- Defines 7 agent roles for UI build phases
- Supports 6 frontend frameworks with Tailwind v4 default
Plugins in this marketplace
1 plugin - install individually after you add the marketplace.
Recommended Marketplaces
How it compares
Use ui-loop for long autonomous UI iteration with screenshots; use single-pass frontend-design skills when you need one polished component without a multi-hour loop.
FAQ
Is Ui Loop a separate runtime or a Claude Code prompt system?
Ui Loop is a prompt system, not a standalone runtime. It ships CLAUDE.md design rules, `/Ui Loop:loop` and `/Ui Loop:loop-status` skills, and a session hook that creates `.Ui Loop/` on startup.
Which frontend frameworks does Ui Loop support?
Ui Loop supports Next.js App Router, Vite + React, Remix, SvelteKit, Astro, and Nuxt. The default stack is Next.js with Tailwind v4, configured during Phase 0 clarification.
How does Ui Loop prevent wasted iterations?
Ui Loop applies plateau detection below 3% progress over 4 iterations, stuck detection below 5% over 2 iterations, and repetition detection when the same changes repeat 3 times before parking or re-planning todos.