ui-clone-skills

Featured

Motion forensics for the animated web. A Claude Code & Codex plugin that reverse-engineers a live URL into React + Tailwind — pulling real CSS + animation params from JS bundles (GSAP/Framer Motion/Webflow IX2) and verifying with AE/SSIM diff, not screenshots.

plugin 11 stars 1 forks Updated today Apache-2.0

Install

Plugins install via a marketplace, in two steps.

This plugin isn't listed in a marketplace we've indexed. Install it directly from its GitHub repository — the README has the setup steps.

View on GitHub

Bundles

Everything this plugin ships — skills, agents, commands, hooks, and MCP servers it bundles.

Skills (4)

Web & Frontend Solid

benchmark

Local-only regression / benchmark skill for ui-clone-skills maintainers. Drives the standard ui-reverse-engineering pipeline against the canonical reference site (https://realfood.gov) and records AE/SSIM, iteration count, gate fail counts, and outcome to benchmark/history.csv so prompt / sub-doc / model-version drift surfaces as a trend. Trigger phrases: "run benchmark" / "regression benchmark" / "benchmark clone". The Makefile no longer has a `benchmark` target — setup is inline bash in this skill (Step 1 below). Internal: NOT registered in `.claude-plugin/plugin.json` `skills`. Not part of the public 3-skill marketplace surface. Maintainer tooling only.

11 Updated today
voidmatcha
Web & Frontend Solid

ui-capture

Capture baseline evidence from a live website URL: screenshots, scroll states, hover/click behavior, parallax, timers, and transition recordings. Use when reference artifacts are needed before implementation or comparison; not to build or diagnose a clone.

11 Updated today
voidmatcha
Web & Frontend Solid

ui-reverse-engineering

Clone or recreate a live website URL, page, or section as React + Tailwind with extracted DOM, CSS, assets, responsive layout, motion, and interactions. Use for live-URL implementation or fidelity repair; not capture-only or diff-only requests.

11 Updated today
voidmatcha
Web & Frontend Solid

visual-debug

Diagnose why an existing implementation differs from reference evidence using AE/SSIM, pixel, section, computed-style, and transition diffs. Use for post-implementation mismatch or repair guidance; not baseline capture or full clone generation.

11 Updated today
voidmatcha

Agents (12)

./.claude-plugin/agents/bundle-analyzer.md ./.claude-plugin/agents/generation-planner.md ./.claude-plugin/agents/mismatch-diagnoser.md ./.claude-plugin/agents/source-forensics.md ./.claude-plugin/agents/visual-debug-iterator.md ./.claude-plugin/agents/visual-debug-reviewer.md bundle-analyzer.md generation-planner.md mismatch-diagnoser.md source-forensics.md visual-debug-iterator.md visual-debug-reviewer.md

Hooks (4)

codex-hooks.json codex-plugin-hooks.json hooks.json shim.sh

Quality Score: 74/100

Stars 20%
36
Recency 20%
100
Manifest 20%
80
Documentation 15%
0
Issue Health 10%
80
License 10%
100
Description 5%
100

Details

Author
voidmatcha
Repository
voidmatcha/ui-clone-skills
Created
6 months ago
Last Updated
today
Language
Python
License
Apache-2.0