Help us improve
Share bugs, ideas, or general feedback.
Share bugs, ideas, or general feedback.
Share bugs, ideas, or general feedback.
npx claudepluginhub cheggin/ui-loop --plugin ui-loopClaude Code plugin — autonomous AI agent that builds UIs in a loop. Runs for hours or days, writing code, taking screenshots, evaluating against a design spec, and iterating until the UI is right.
# Add the marketplace
/plugin marketplace add Cheggin/ui-loop
# Install the plugin
/plugin install ui-loop
Or test locally during development:
claude --plugin-dir /path/to/ui-loop
In Claude Code, run:
/ui-loop:loop Build a dashboard with real-time analytics
The agent will:
Check progress at any time:
/ui-loop:loop-status
ui-loop is a prompt system, not a runtime. It gives Claude Code:
.ui-loop/todos.md.ui-loop/ directory on startupAll agent state lives in your project as plain markdown:
.ui-loop/todos.md — The todo queue.ui-loop/spec.md — Project brief from Phase 0 clarification.ui-loop/progress.md — Session progress logThe agent adopts different thinking patterns depending on the phase:
| Role | When | Focus |
|---|---|---|
| Orchestrator | Planning, dispatching | Decompose, sequence by dependency, budget awareness |
| Page Planner | Creating todos | Shared-first ordering, verifiable exit conditions |
| Build | Implementing | Read before write, smallest change, visual verification |
| QA | Reviewing | Systematic checklist, zero console errors |
| Auditor | Progress evaluation | Compare built vs requested, actionable recommendations |
| Design Spec | Generating specs | Internal consistency, edge case coverage |
| Inspiration | Analyzing references | Extract the system not the surface |
Built-in heuristics prevent wasted iterations:
Next.js (App Router), Vite + React, Remix, SvelteKit, Astro, Nuxt. Default is Next.js + Tailwind v4.
MIT
Share bugs, ideas, or general feedback.
Based on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
Use this agent when creating user interfaces, designing components, building design systems, or improving visual aesthetics. This agent specializes in creating beautiful, functional interfaces that can be implemented quickly within 6-day sprints. Examples:\n\n<example>\nContext: Starting a new app or feature design
Design superpowers for Claude Code — 35 skills that teach your agent to ideate, research, generate, iterate, and ship beautiful UIs using Google Stitch MCP.
Generate distinct UI design variations, collect feedback, synthesize the best elements, and produce implementation plans
Production-grade frontend interfaces that avoid generic AI aesthetics. Based on Anthropic's Frontend Designer Skill with bold creative commitment.
Design engineering for Claude Code. Build interfaces with craft, memory, and consistency. Maintains design decisions across sessions.
建立獨特的生產級前端介面,具備高設計品質。產生富有創意、精緻的程式碼,避免通用的 AI 美學
Deterministic phase-gated skill enforcement for AI coding agents. Blocks file edits until earlier workflow phases complete.
Autonomous startup builder — idea to deployed company. 121 skills (37 OMC + 84 custom), 32 agents, deterministic skill-chain enforcement across 4 flows, hooks on all 11 Claude Code event types, bundled OMC runtime + MCP server + bridge CLI. Standalone: no dependency on the oh-my-claudecode plugin. Validated: built 3 startups (B2C, devtool, B2B SaaS) from single sentences.
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge.
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge.
Sign in to claim