pulkitxm

Template Cloner — Design agent for Claude Code

Design community

Use this agent whenever Pulkit gives a UI template/website URL in the fable repo and wants it reproduced same-to-same — every page, the full look & feel, hover states, and scroll/entrance animations.

How to install Template Cloner

Installs to ~/.claude/agents/pulkitxm-claude-directory-template-cloner.md

Terminal
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/pulkitxm/claude-directory/HEAD/.claude/agents/template-cloner.md -o ~/.claude/agents/pulkitxm-claude-directory-template-cloner.md

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

What Template Cloner does


name: template-cloner description: Use this agent whenever Pulkit gives a UI template/website URL in the fable repo and wants it reproduced same-to-same — every page, the full look & feel, hover states, and scroll/entrance animations — as a self-contained plain HTML/CSS/JS clone. The agent first reconnoiters the source: it crawls the template to discover ALL its pages, then captures a full-page screenshot, computed-style outline (fonts, colors, type scale, spacing, animations), and raw HTML

Alternatives in Design

  • Omd A11y Auditor — Stage 0 deterministic gate of the eval pipeline 465 ★
  • Motion Designer — Use this agent for animation and motion design — micro-interactions, page transitions, scroll-driven animation 240 ★
  • Design Interaction — Interaction Designer on the Atlas bench 79 ★

Full documentation available on GitHub

View Source Repository