ui-clone-skills plugin for Codex
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).
How to install ui-clone-skills in Codex
The repo has a Codex plugin manifest (.codex-plugin/plugin.json) but no marketplace file, so there's no one-line install. Follow the install steps in the repo README.
What it contains
The plugin manifest doesn't list components inline. See the repo.
Example prompts from the manifest
- .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.
About this listing
ui-clone-skills is a community plugin on GitHub by voidmatcha, tagged codex-plugin. It passed the CodexStacks quality filter (at least 10 stars, pushed in the last 180 days, not a fork, has a description and a manifest or README). OpenAI hasn't reviewed it and we haven't tested it. The manifest says version 0.8.16. It's one of 24 listings in the Creativity category (category assigned by CodexStacks from the repo's topics and description). It also appears in best Codex plugins for design and UI.
Get new Codex plugins like ui-clone-skills every week
The weekly CodexStacks drop: what's new and updated in the directory, in one short email.
You'll get a confirmation email first. Unsubscribe anytime.
ui-clone-skills FAQ
How do I install ui-clone-skills in Codex?
It has a Codex plugin manifest but no marketplace file, so there's no one-line install. Follow the install steps in the repo README.
Is ui-clone-skills an official Codex plugin?
No. ui-clone-skills is a community repo on GitHub by voidmatcha. It passed the CodexStacks quality filter, but OpenAI hasn't reviewed it and we haven't tested it, so read the code before you install it.
What does ui-clone-skills include?
The plugin manifest doesn't list components inline. See the repo.
Details
- Type
- Plugin
- Category
- Creativity (assigned by us)
- Source
- Community
- Author
- YONGJAE LEE
- Version
- 0.8.16
- License
- Apache-2.0
- GitHub stars
- 14 (at last sync)
- Last push
- 2026-09-27
- Manifest
.codex-plugin/plugin.json- GitHub topics
- agent-browser, ai-agents, claude-code, claude-code-plugin, claude-code-skills, framer-motion, gsap, nextjs, react, reverse-engineering, tailwind-v4, tailwindcss
- Source
- https://github.com/voidmatcha/ui-clone-skills
- Listed via
- GitHub topic codex-plugin
- Tested by CodexStacks
- Not yet
Something wrong or missing? Submit or improve this listing. Listings also refresh automatically every night.
For maintainers: badge and embeds
Maintain ui-clone-skills? Add the badge; it links to this page.
Markdown
[](https://codexstacks.com/p/ui-clone-skills/)HTML
<a href="https://codexstacks.com/p/ui-clone-skills/"><img src="https://codexstacks.com/badge.svg" alt="Listed on CodexStacks" width="172" height="28"></a>Embed card (static HTML and inline CSS, no JavaScript). Preview:
<a href="https://codexstacks.com/p/ui-clone-skills/" style="display:block;max-width:380px;box-sizing:border-box;padding:14px 16px;border:1px solid #3a2c26;border-radius:12px;background:#0d0b0a;color:#f3ece6;font:14px/1.45 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;text-decoration:none"><span style="display:block;font-size:16px;font-weight:700;color:#f3ece6">ui-clone-skills</span><span style="display:block;margin:2px 0 8px;font-size:12px;color:#b5a9a1">Community Codex plugin</span><span style="display:block;margin:0 0 10px;color:#ddd3cc">Motion forensics for the animated web. Four jobs against a live URL: decode (analyse motion + build, no code), clone…</span><span style="font-size:12px;font-weight:600;color:#ffb347">View on CodexStacks →</span></a>Markdown summary
**[ui-clone-skills on CodexStacks](https://codexstacks.com/p/ui-clone-skills/)**: Community Codex plugin.More on badges, embeds and keeping your listing up to date: CodexStacks for plugin authors.
Also in Creativity
iPolloWork
Enterprise-grade, local-first Agent Workbench for people and agent teams. A unified multi-engine workspace for Codex Harness, DeepSeek Harness, and OpenCode, with unified plugins and Skills, multi-agent projects and tasks, and editable code, documents, presentations, design, and video.
anidoodle
Code-drawn stills, drawing timelapses, films, explainers and interactive web animations in 32 styles, with scores composed in code.
Refero
Research real product interfaces and design with evidence from Refero.
paper-collage-video
基于 Remotion 的配置驱动纸片分层视频流水线与 Codex 插件，支持人工审批、断点恢复、预览渲染和技术验收。
lattice
Composable AI skills framework covering the full software delivery lifecycle — design, architecture, implementation, testing, and review.
ISO 24495 Plain Language
Seven plain language skills inspired by the ISO 24495 series, plus the response style Codex has no output style for.