🎯

design-loop

🎯Skill

from jezweb/claude-skills

What it does

Autonomous multi-page site builder that uses a "baton" file (`.design/next-prompt.md`) to relay the next task between iterations — reads the baton, generates a page with Claude/Tailwind or Google Stitch, integrates nav/footer from existing pages, verifies visually via browser automation, updates `.design/SITE.md`/`DESIGN.md`, then writes the next task to keep building.

📦

Same repository

jezweb/claude-skills(197 items)

design-loop

Installation

Vibe Index InstallInstalls to .claude/skills/

npx vibeindex add jezweb/claude-skills --skill design-loop

skills.sh Install⚠ Installs to .agents/skills/

npx skills add jezweb/claude-skills --skill design-loop

Manual InstallCopy SKILL.md content and save to the path below

~/.claude/skills/design-loop/SKILL.md

SKILL.md

565Installs

AddedMar 28, 2026

View on GitHub Back to Skills

More from this repository10

🎯

shadcn-ui🎯Skill

A collection of production-ready Claude Code skills covering Tailwind CSS v4, shadcn/ui integration, and modern web development patterns.

🎯

tailwind-v4-shadcn🎯Skill

A collection of production-ready Claude Code skills covering Tailwind CSS v4, shadcn/ui integration, and modern web development patterns.

🎯

tanstack-query🎯Skill

A collection of production-ready Claude Code skills covering Tailwind CSS v4, shadcn/ui integration, and modern web development patterns.

🎯

tailwind-theme-builder🎯Skill

A collection of production-ready Claude Code skills covering Tailwind CSS v4, shadcn/ui integration, and modern web development patterns.

🎯

color-palette🎯Skill

Skill for generating complete, accessible color palettes from a single brand hex, creating 11-shade scales, semantic tokens, dark mode variants, and WCAG contrast checking for Tailwind v4

🎯

fastapi🎯Skill

Provides FastAPI development patterns including async endpoints, dependency injection, Pydantic models, authentication, and API documentation best practices

🎯

image-processing🎯Skill

Image processing skill for Claude Code providing guided workflows for image manipulation, resizing, format conversion, and optimization.

🎯

ux-audit🎯Skill

A collection of production-ready Claude Code skills covering Tailwind CSS v4, shadcn/ui integration, and modern web development patterns.

🎯

favicon-gen🎯Skill

Generates favicon files in multiple sizes and formats for web projects, from a collection of 87 production-ready skills for Cloudflare, React, and AI integrations.

🎯

wordpress-elementor🎯Skill

A WordPress Elementor skill from a Claude Code skills collection that guides Claude through recipes for building and managing WordPress sites with the Elementor page builder.