TaewoooPark/UIForge
6 stars · Last commit 2026-07-27
Forge masterpiece UI, not AI slop — a design art-director plugin for Claude Code. Forces a deliberate choice on every design axis (type, color, space, motion), sources components from vetted registries, and gates output on forced-subtraction + critique.
README preview
<h1 align="center">🔨 UIForge</h1> <p align="center"> <strong>Clone a website so it actually <em>works</em> — tabs, filters, lists, client-side transitions, motion, scroll — then also as a pixel-faithful <em>freeze</em> and a pixel-identical, editable React <em>restore</em>.</strong><br> <em>Point it at a site. UIForge's flagship is the <b>Archive</b>: it records the site's real code + every network response and replays them offline, so the <b>original JavaScript runs against its own cached data</b> — click a tab and content swaps, filter a list and it updates, exactly as the original, because it <b>is</b> the behavior. It also makes a pixel-faithful <b>Freeze</b> (real CSS/fonts kept) and a clean componentized React + Tailwind <b>Restore</b> with <b>your</b> content — keeping the site's real classes and compiled CSS byte-exact, and reaching sites behind Cloudflare or a login.</em> </p> <p align="center"> <a href="./README.ko.md"><img height="28" src="https://img.shields.io/badge/README-한국어-333333?style=for-the-badge&labelColor=000000" alt="한국어 README"></a> </p> <p align="center"> <img src="https://img.shields.io/github/license/TaewoooPark/UIForge?style=flat-square&labelColor=000000&color=333333&cacheSeconds=1800" alt="License"> <img src="https://img.shields.io/github/v/release/TaewoooPark/UIForge?style=flat-square&logo=github&logoColor=white&labelColor=000000&color=333333&cacheSeconds=1800" alt="Release"> <img src="https://img.shields.io/github/stars/TaewoooPark/UIForge?style=flat-square&logo=github&logoColor=white&labelColor=000000&color=333333&cacheSeconds=1800" alt="Stars"> <img src="https://img.shields.io/github/last-commit/TaewoooPark/UIForge?style=flat-square&labelColor=000000&color=333333&cacheSeconds=1800" alt="Last commit"> </p> <p align="center"> <img src="https://img.shields.io/badge/Claude%20Code-000000?style=flat-square&logo=anthropic&logoColor=white&labelColor=000000" alt="Claude Code">