Site — Design skill for Claude Code
Crawl a whole site and synthesize ONE canonical design system across all pages — unified tokens, coverage map, consistency grade.
How to install Site
Installs to ~/.claude/skills/manavarya09-design-extract-site/SKILL.md
mkdir -p ~/.claude/skills/manavarya09-design-extract-site && curl -fsSL https://raw.githubusercontent.com/Manavarya09/design-extract/HEAD/commands/site.md -o ~/.claude/skills/manavarya09-design-extract-site/SKILL.md Restart Claude Code, or start a new session, for it to be picked up.
What Site does
Crawl a whole site and synthesize ONE canonical design system across all pages — unified tokens, coverage map, consistency grade.
Alternatives in Design
- Frontend Design — Create distinctive, production-grade frontend interfaces with high design quality 94.1k ★
- Doc Feedback — Reviews documentation for quality, consistency, and style guide adherence 335 ★
- Full System Diagnostic Agent — Chains token, naming, component, drift and docs-coverage audits (plus theme and Figma variable audits where th 194 ★
Full documentation available on GitHub
View Source RepositoryRelated Skills
Design Distill
Distill a candidate canonical from ≥5 successful same-type pages (harness component 08 · library-grower). Wrap
Pixel Twin
Pixel-accurate UI implementation from Figma. Supports Build Mode (0→1 new UI) and Upgrade Mode (targeted fixes
Miners Reverse Branding
Skill do Claude Code: clona um site e extrai o design system completo (tokens, grade, componentes, styleguide
Ivory
Make a piece in the Ivory style (sport-ivory): espresso cover with a cut-out person, ivory pages, champagne no
TemplateClaw
Developer template hub and project scaffolding tool packaged as a Claude Code Plugin. 32 production-ready te
Align
Enforce conventions the project ALREADY has, project-wide or across several areas. Triggers — 'align the app t
Related Agents
Schema Generator
Deep autonomous schema generation across 3+ pages or the whole site — multi-file scan, JSON-LD generation, val
Forge SEO Content
Forge's SEO/Content agent — checks sitemap.xml/robots.txt and per-page title/meta description/canonical/H1/str
Pocketpal Design Parity Reviewer
Reviews a Figma-faithful implementation against the canonical design. Verifies committed visual-diff captures,