Stats
Actions
Tags
Help us improve
Share bugs, ideas, or general feedback.
From website-replicator
Start website replication workflow. Analyzes and captures a website for UI/animation reconstruction.
npx claudepluginhub blueif16/ui-cloneHow 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 →.../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.
Share bugs, ideas, or general feedback.
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.