peterydkim

Site Cloner — Design agent for Claude Code

Design community

Extract a complete design specification from a live website URL — design tokens, typography, class-annotated structure, per-section geometry, asset inventory, and copy hidden behind carousels or tabs.

How to install Site Cloner

Installs to ~/.claude/agents/peterydkim-smallbiz-site-site-cloner.md

Terminal

mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/peterydkim/smallbiz-site/HEAD/.claude/agents/site-cloner.md -o ~/.claude/agents/peterydkim-smallbiz-site-site-cloner.md

Restart Claude Code, or start a new session, for it to be picked up.

What Site Cloner does

name: site-cloner description: Extract a complete design specification from a live website URL — design tokens, typography, class-annotated structure, per-section geometry, asset inventory, and copy hidden behind carousels or tabs. Use before rebuilding an existing site as code. Read-only; produces a spec, does not write application code. tools: Bash, Read, Write, Glob, Grep, mcp__Claude_Browser__navigate, mcp__Claude_Browser__javascript_tool, mcp__Claude_Browser__get_page_text, mcp__Claude_

Alternatives in Design

Frontend Design Specification — Frontend Design Specification agent 2k ★
Template Cloner — Use this agent whenever Pulkit gives a UI template/website URL in the fable repo and wants it reproduced same 509 ★
Omd A11y Auditor — Stage 0 deterministic gate of the eval pipeline 465 ★