Eyadkelleh

Clone Website — Design skill for Claude Code

Design community

Rebuild one or more websites as working Next.js pages matching their content, assets, responsive layout, and interactions.

How to install Clone Website

Installs to ~/.claude/commands/eyadkelleh-ai-website-cloner-template-clone-website.md

Terminal
mkdir -p ~/.claude/commands && curl -fsSL https://raw.githubusercontent.com/Eyadkelleh/ai-website-cloner-template/HEAD/.claude/commands/clone-website.md -o ~/.claude/commands/eyadkelleh-ai-website-cloner-template-clone-website.md

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

What Clone Website does


description: Rebuild one or more websites as working Next.js pages matching their content, assets, responsive layout, and interactions. Use for website cloning, replication, or reverse engineering. argument-hint: " [ ...]"

Read `${CLAUDE_PROJECT_DIR}/.agents/skills/clone-website/SKILL.md` completely, then follow it for the target URL or URLs in the user's request. When invoked directly, `$ARGUMENTS` contains those URL arguments.

Alternatives in Design

  • Extract — Design System & Product Reverse-Engineering - Extract tokens, components, architecture, and PRDs from codebase 2.8k ★
  • Brainwave — Learn to create modern websites with sleek parallax effects and bento box layouts 1.9k ★
  • Scroll Craft — Claude Code skill for premium scroll-driven websites 1k ★

Full documentation available on GitHub

View Source Repository