Clone Team

Clone any website with a coordinated team of AI agents — a Manager (you), a Frontend Developer, a Backend Architect, and a Tester — that iteratively and autonomously build a pixel-perfect UI clone AND produce thorough architecture documentation of how the site works. Use this whenever the user wants to clone, replicate, rebuild, reverse-engineer, mirror, or copy a website — especially when they want it done thoroughly, in a specific tech stack (React, Vue, Svelte, Angular, etc.), behind a login, or with proper documentation. Triggers on "clone this site", "rebuild this app", "make a copy of <u

26 stars 4 forksFrontend & Design

Install

skills CLI (Claude Code, Cursor, Codex and more)
npx skills add Varalix-Digitech-Solutions/clone-team --skill clone-team
Manual install
git clone --depth 1 https://github.com/Varalix-Digitech-Solutions/clone-team.git /tmp/clone-team
mkdir -p ~/.claude/skills
cp -r /tmp/clone-team/skills/clone-team ~/.claude/skills/clone-team

Personal skills live in ~/.claude/skills. Use .claude/skills in a project folder to share a skill with your team.

From the SKILL.md

# Clone Team — Orchestrated, Resumable Website Cloning

You are the **Manager** of an agent team. Your job is to deliver two
things for the target website, to a quality bar of *exact copy*:

1. **A pixel-perfect, behavior-accurate UI clone** in the stack the user wants.
2. **Thorough architecture documentation** — how the site is structured, how its
   flows work, what its backend/data model looks like from the outside in.

You run in the **main thread**, so you have full autonomy and you are the only
one who can talk to the user. Development halts when *you* say so. You never let
the team stop until both deliverables meet the bar. You pass instructions to the
developers, take delivery, hand it to the Tester, and iterate on the Tester's
verdict. Two gates protect quality: the **Tester** and you. Nothing ships past
both.

> This skill is the Manager. The other three roles are **agents you spawn** —
> their prompt files live in `agents/`. The heavy build/test grind runs as an
> autonomous, **resumable** `Workflow` so it survives interruptions, pauses, and
> usage-limit cutoffs. Read `references/orchestration.md` for the full team
> model and `references/state-and-resume.md` for how pause/resume/recovery work
> — load both before you launch the loop.

## Your team

| Role | Who they are | What they own | Spawned with |
|------|--------------|---------------|--------------|
Read the full skill on GitHub

Details

Skill name
clone-team
Path
skills/clone-team/SKILL.md
License
MIT
Repo updated
17 June 2026

FAQ

What does the Clone Team skill do?

Clone any website with a coordinated team of AI agents — a Manager (you), a Frontend Developer, a Backend Architect, and a Tester — that iteratively and autonomously build a pixel-perfect UI clone AND produce thorough architecture documentation of how the site works. Use this whenever the user wants to clone, replicate, rebuild, reverse-engineer, mirror, or copy a website — especially when they want it done thoroughly, in a specific tech stack (React, Vue, Svelte, Angular, etc.), behind a login, or with proper documentation. Triggers on "clone this site", "rebuild this app", "make a copy of <u

How do I install the Clone Team skill?

skills CLI (Claude Code, Cursor, Codex and more): npx skills add Varalix-Digitech-Solutions/clone-team --skill clone-team. Skills go in ~/.claude/skills (personal) or .claude/skills (project), and Claude loads them automatically when a task matches the description.

Is Clone Team popular?

It lives in Varalix-Digitech-Solutions/clone-team, which has 26 GitHub stars and 4 forks, and is included in 1 curated skill list.

Related skills

Social Cards

35

DennisWei9898/social-cards-engine

品牌無關的 IG/Threads/X/FB 圖卡引擎——把任何主題(idea / 文章 / 教學)變成輪播圖卡 + 4 平台文案。HTML+CSS 模板 → Chrome headless 渲染 PNG。風格由 brand pack 決定(brands/),接哪個 pack 出哪個風格,引擎不綁死品牌。觸發詞:做圖卡、生 carousel、social card、IG 圖卡、Threads 卡片、貼文文案、教學圖卡、infographic、輪播圖、carousel post。

Frontend & Design

Product Promo Animation

34

jitOffice/jit-motion

Generate a single-file, self-contained HTML product promotional animation video (15-30s) from a product brief/PRD. Produces a multi-scene GSAP timeline storyboard, a four aspect-ratio switcher (16:9/4:3/1:1/9:16), a zero-emoji SVG icon system, brand colors harvested from the official site, playback controls, and SEO video metadata. Use when the user asks for a product promo animation, marketing/ad video, animated HTML demo, or product launch video, or mentions building a product video with GSAP/motion/SVG. 基于产品需求文档/PRD/简介生成单文件、自包含的 HTML 产品宣传动画视频;当用户要求制作产品宣传动画、营销/广告视频、HTML 动画演示或产品发布视频时使用。

Frontend & Design

Behavioral Design

34

rastian/behavioral-design-skills

Applies behavioral psychology and behavioral economics to product and UX design. Use when a designer, PM, researcher, or design manager wants to diagnose why users aren't completing a flow, adopting a feature, or changing behavior; design nudges or behavior-change interventions; reduce friction or cognitive load; run a behavioral design workshop or sprint; audit a design for psychological effectiveness; or apply principles like loss aversion, social proof, choice architecture, habit formation, or implementation intentions. Also triggers for: onboarding drop-off, feature adoption, engagement de

Frontend & Design

Jiujiastudy

33

jiujiastudy/jiujiastudy

救驾(jiujiastudy)是留学生的 Canvas / Moodle 学习手帐:盯 deadline、排本周该学什么、按状态给建议。用户提到课程、作业、deadline、考试、Canvas、Moodle、老师,或说「现在什么情况」「最近要交什么」「这周学什么」「做完了」「没状态 / 累 / 来不及」「交之前检查」「想问老师」「做学习页」「一直在拖 / 开不了头」时使用;第一次用时自己完成设置,只向用户要学校网址(Canvas 另要 token)。

Frontend & Design10

SVG Creator

39

upbrew-tech/svg-creator-skill

Create high-quality SVG graphics including icons, illustrations, logos, diagrams, infographics, patterns, animations, and abstract art. Use this skill whenever the user asks to create, draw, design, or generate any SVG image, vector graphic, icon, logo, badge, diagram, flowchart, infographic, pattern, or animated graphic. Also trigger when the user says "draw me", "make an SVG", "create a graphic", "design an icon", "vector illustration", or requests any visual output that would be best served as an SVG file. This skill covers both simple single-element graphics and complex multi-layered compo

Frontend & Design

Stylekit

38

AnxForever/stylekit-skill

Apply StyleKit visual styles and public assets when building, restyling, or reviewing UI. Use for named StyleKit styles, visual direction, mobile interface patterns, and component-library selection; preserve the target platform and existing product behavior.

Frontend & Design

Browse the most popular Claude skills, all frontend & design skills, or write your own with the skills generator.