Design Loop

Human-in-loop: User reviews each page, then says "next" or "keep going"
Fully autonomous: Claude runs continuously until the site is complete
CI/CD: Triggered on .design/next-prompt.md changes

This is an autonomous site builder that actually keeps itself going. It uses a baton pattern where each iteration reads a task from a markdown file, generates a page (either with Claude or Google Stitch if you have the SDK), wires up navigation, then writes the next task back to the file to trigger another round. You tell it "build me a marketing site" and it scaffolds the project, writes design system docs, then loops through homepage, about, contact, whatever pages you need. The Stitch integration is interesting if you want higher fidelity designs, but it falls back to plain Tailwind HTML generation if you don't have it set up. Good for when you want to sketch out a full site fast without babysitting each page.

skills.sh installs: 1K
GitHub stars: 1.1K
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add jezweb/claude-skills --skill design-loop --agent claude-code

Installs into .claude/skills of the current project.

Files

Design Loop — Autonomous Site Builder

Build 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.