ui-clone-skills

{
  "name": "ui-clone-skills",
  "version": "0.8.9",
  "description": "Motion forensics for the animated web. Four jobs against a live URL: decode (analyse motion + build, no code), clone (URL → React + Tailwind), verify (AE/SSIM + motion-parity score vs. an existing impl), extract (raw JSON dump). Extracts real CSS and animation params (GSAP / Framer Motion / Lenis / anime.js) directly from JS bundles, then verifies with AE/SSIM diff — no vision tokens. Three skills: ui-reverse-engineering (decode/clone/verify/extract entry points, supports Webflow IX2 / Next.js / Tailwind v4), ui-capture (reference + transitions), visual-debug (AE/SSIM diff + computed-style mismatch diagnosis).",
  "author": {
    "name": "YONGJAE LEE"
  },
  "repository": "https://github.com/voidmatcha/ui-clone-skills",
  "license": "Apache-2.0",
  "keywords": [
    "clone-website",
    "website-to-react",
    "url-to-react",
    "url-to-code",
    "html-to-react",
    "website-to-nextjs",
    "landing-page-clone",
    "ui-cloning",
    "reverse-engineering",
    "react",
    "next-js",
    "tailwind",
    "tailwind-v4",
    "claude-code",
    "codex",
    "animejs",
    "gsap",
    "gsap-extraction",
    "framer-motion",
    "framer-motion-extraction",
    "lenis",
    "agent-browser",
    "webflow-to-react",
    "webflow-to-tailwind",
    "webflow-ix2",
    "scroll-animation",
    "canvas",
    "three-js",
    "css-extraction",
    "bundle-analysis",
    "ae-ssim-diff",
    "visual-verification",
    "zero-vision-tokens",
    "screenshot-to-code-alternative",
    "v0-alternative",
    "lovable-alternative",
    "builder-io-alternative"
  ],
  "skills": "./skills/",
  "hooks": "./hooks/codex-plugin-hooks.json",
  "interface": {
    "displayName": "ui-clone-skills",
    "shortDescription": "Motion forensics for the animated web — decode / clone / verify / extract against a live URL. AE/SSIM-verified, no vision tokens.",
    "longDescription": "Motion forensics for the animated web. Four user-facing jobs against a live URL: decode (analyse motion + build, no code), clone (URL → React + Tailwind), verify (AE/SSIM + motion-parity score vs. an existing impl), extract (raw JSON dump). Extracts real CSS and animation params (GSAP, Framer Motion, Lenis, anime.js) directly from JS bundles, then verifies with AE/SSIM diff — no vision tokens, no screenshot input. Exposes the same three public skills as the Claude Code plugin from shared ./skills/: ui-reverse-engineering routes the four jobs through one extraction engine (supports Webflow IX2, Next.js, Tailwind v4); ui-capture records reference screenshots, scroll evidence, and transitions; visual-debug diagnoses implementation mismatches via AE/SSIM diff and computed-style evidence. The global plugin is skills-only; clone workspaces opt into the canonical hooks/codex-hooks.json routes through project-local .codex/hooks.json. Uses AGENTS.md as the canonical project guide.",
    "developerName": "YONGJAE LEE",
    "category": "Frontend",
    "capabilities": [
      "Read",
      "Write"
    ],
    "websiteURL": "https://github.com/voidmatcha/ui-clone-skills",
    "defaultPrompt": [
      ".codex/agents first: bundle-analyzer, source-forensics, generation-planner, mismatch-diagnoser; inline fallback only.",
      ".codex/agents first: visual-debug-iterator, visual-debug-reviewer; natural user prompts stay natural; INCOMPLETE on fail.",
      "Goal card: python -m ui_clone.goal <ref-dir>; current_gate == \"done\". Not an infinite loop. completion-report.sh --check."
    ],
    "brandColor": "#10A37F"
  }
}

{
  "name": "ui-clone-skills",
  "version": "0.8.9",
  "description": "Motion forensics for the animated web. Four jobs against a live URL: decode (analyse motion + build, no code), clone (URL → React + Tailwind), verify (AE/SSIM + motion-parity score vs. an existing impl), extract (raw JSON dump). Extracts real CSS and animation params (GSAP / Framer Motion / Lenis / anime.js) directly from JS bundles, then verifies with AE/SSIM diff — no vision tokens, no screenshot input. Three underlying skills: ui-reverse-engineering (decode/clone/verify/extract entry points, supports Webflow IX2 / Next.js / Tailwind v4), ui-capture (reference screenshots, scroll evidence, transitions), visual-debug (AE/SSIM diff + computed-style mismatch diagnosis). Shared hooks and gates enforce extraction and verification before code generation.",
  "license": "Apache-2.0",
  "author": {
    "name": "YONGJAE LEE"
  },
  "skills": [
    "./skills/ui-reverse-engineering",
    "./skills/ui-capture",
    "./skills/visual-debug"
  ],
  "agents": [
    "./.claude-plugin/agents/bundle-analyzer.md",
    "./.claude-plugin/agents/source-forensics.md",
    "./.claude-plugin/agents/generation-planner.md",
    "./.claude-plugin/agents/mismatch-diagnoser.md",
    "./.claude-plugin/agents/visual-debug-iterator.md",
    "./.claude-plugin/agents/visual-debug-reviewer.md"
  ]
}