Stats
Actions
Tags
From website-replicator
Start website replication workflow. Analyzes and captures a website for UI/animation reconstruction.
How this command is triggered — by the user, by Claude, or both
Slash command
/website-replicator:replicateThe summary Claude sees in its command listing — used to decide when to auto-load this command
# Replicate Website
Entry point for website replication workflow.
## Usage
Options:
- `--quick` - Skip responsive captures, focus on main viewport only
- `--animations-only` - Focus only on scroll animation capture
- `--static-only` - Skip animation detection, capture static structure only
## Workflow Start
1. Load the skill: `skills/website-replicator/SKILL.md`
2. Create output directory structure
3. Begin Phase 1 (Initial Load)
## Output Location
All captures and generated code go to: `./website-replication-{timestamp}/`
## What Happens
Phase 1: Navigate & screenshot overview →...Entry point for website replication workflow.
/replicate <url> [options]
Options:
--quick - Skip responsive captures, focus on main viewport only--animations-only - Focus only on scroll animation capture--static-only - Skip animation detection, capture static structure onlyskills/website-replicator/SKILL.mdAll captures and generated code go to: ./website-replication-{timestamp}/
Phase 1: Navigate & screenshot overview → You may send to Gemini
Phase 2: DOM reconnaissance → Build watch list
Phase 3: Animation capture → Monitor scroll changes
Phase 4: CSS extraction → Capture styles
Phase 5: Asset collection → List images/fonts
Phase 6: Analysis & generation → Produce code
The workflow will pause and ask for input when:
If interrupted, the workflow state is preserved. Run /replicate --resume to continue.
Load the target URL and start capture.
npx claudepluginhub blueif16/ui-clone/site-analysisAnalyzes a website URL in quick or deep mode and generates structured reports on site architecture, SEO insights, page structure, component specs, and agent handoff prompts.
/analyze-siteAnalyzes a website for design inspiration by capturing desktop/mobile screenshots and extracting colors, fonts, typography, layout patterns, and UI elements into a structured markdown report.
/product-showcaseGenerates a marketing website for the current web app using real screenshots and animated GIF walkthroughs. Supports quick (single-page), standard (multi-page), or thorough (comprehensive) modes via arguments.
/site-to-figmaCaptures a live website's visual structure and styles, then recreates it as editable Figma frames with auto-layout and proper layer hierarchy.
/replicateAnalyzes a GitHub PR URL or number, replicates its relevant functionality to the current branch via intelligent comparison and merging, then validates and commits changes.