Skills for Real Engineers. Straight from my .agents directory.
39 skills
design-loop
Agent skill from
Autonomous multi-page site builder using a baton-passing loop. Each iteration reads a task from .design/next-prompt.md, generates a page in HTML/Tailwind, integrates it into the site, verifies visually, then writes the next task to keep the loop alive. Use whenever the user asks to build an entire site autonomously, build all pages of a site, generate multiple pages in sequence, or run a 'design loop' / 'baton loop' / 'autonomous site build' — even if they say 'just keep going' or 'build the next page' or 'next page' mid-flow.
How to install design-loop
install design-loop
# install the claude-skills pack with the skills CLI
npx skills add jezweb/claude-skills# or add only this skill to Claude Code: copy the folder
plugins/frontend/skills/design-loop/
# into
~/.claude/skills/design-loop/ (all projects)
.claude/skills/design-loop/ (one project)
1# Design Loop — Autonomous Site Builder23Build complete multi-page websites through an autonomous loop. Each iteration reads a task, generates a page, integrates it, verifies it visually, then writes the next task to keep going.45## Overview67The Design Loop uses a "baton" pattern — a file (`.design/next-prompt.md`) acts as a relay baton between iterations. Each cycle:891. Reads the current task from the baton102. Generates the page (via Claude or Google Stitch)113. Integrates into the site structure (navigation, links)124. Verifies visually via browser automation (if available)135. Updates site documentation146. Writes the NEXT task to the baton — keeping the loop alive1516This is orchestration-agnostic. The loop can be driven by:17- **Human-in-loop**: User reviews each page, then says "next" or "keep going"18- **Fully autonomous**: Claude runs continuously until the site is complete19- **CI/CD**: Triggered on `.design/next-prompt.md` changes2021## Generation Backends2223| Backend | Setup | Quality | Speed | Best for |24|---------|-------|---------|-------|----------|25| **Claude** (default) | Zero dependencies | Great — production-ready HTML/Tailwind | Fast | Most projects, full code control |26| **Google Stitch** | `npm install @google/stitch-sdk` + API key | Higher fidelity AI designs | ~10-20s/screen | Design-heavy projects, visual polish |2728### Detecting Stitch2930At the start of each loop, check if Stitch is available:31…
Excerpt shown under the repository's MIT license.
More skills in claude-skills
Keep exploring
Similar skill repositories
An agentic skills framework & software development methodology that works.
15 skills
A single CLAUDE.md file to improve Claude Code behavior, derived from Andrej Karpathy's observations on LLM coding pitfalls.
CC1 skill
Public repository for Agent Skills
20 skills
Makes your AI agent think like the laziest senior dev in the room. The best code is the code you never wrote.
CCCU6 skills
An AI skill that provides design intelligence for building professional UI/UX across multiple platforms.
CCCXCUGH6 skills