Restyle your app's colors, fonts, and spacing to match a site you admire, like linear.app or stripe.com.
Pull design values from several reference repos or sites and blend them into one consistent look.
Generate a design document explaining every style choice and which reference it came from.
Bootstrap a landing page's visual style automatically instead of manually picking a color palette.
| basejb/likethat | 0xradioac7iv/tempfs | 7vignesh/pgpulse | |
|---|---|---|---|
| Stars | 0 | 0 | 0 |
| Language | TypeScript | TypeScript | TypeScript |
| Setup difficulty | easy | moderate | moderate |
| Complexity | 2/5 | 3/5 | 4/5 |
| Audience | developer | developer | developer |
Figures from each repo's GitHub metadata at analysis time.
Runs as a Claude Code skill, needs a browser MCP tool for full website screenshot analysis, otherwise falls back to HTML and CSS fetch.
likethat is a Claude Code skill that copies the look and feel of a website or repository you admire and applies it to your own project. Its tagline is steal the mood, not the pixels. You point it at one or more reference sites or repos, and it studies their colors, fonts, spacing, corner rounding, shadows, motion, layout, and even wording. It then writes those choices into your own project's code, adjusted to fit what you are building, rather than copying anything file for file. It installs as a Claude Code skill along with two helper subagents, and copies of the same command are also generated for other tools like Cursor, Codex, Windsurf, Gemini CLI, and several others. Getting started means cloning the repository, running an install script that copies the skill into your Claude configuration folder, then running a single command inside the project you want restyled, followed by the web address or repo path you want to match. When run, it works through a series of steps. First it asks a few questions about your project and who uses it. Then it reads each reference in parallel, producing a short report on the style values found in each one. Next it chooses which values to use, asking you again only if two references disagree and your earlier answers do not resolve it. After that it writes a design document and updates your project's main stylesheet, font setup, and a handful of representative components to match. Finally it builds a temporary preview page so you can see the result and confirms the project still builds correctly. The skill automatically detects where your stylesheet and layout files live, supporting common setups like Next.js, Vite, Remix, and Astro, and it asks before writing anything in a monorepo with multiple apps or packages. This is a solo built, MIT licensed tool aimed at developers using AI coding assistants who want a fast way to give their project a polished look inspired by a site or repo they like, without hand copying design details one by one.
A Claude Code skill that studies a website or repo's design and rewrites your project's styles, fonts, and components to match its mood.
Mainly TypeScript. The stack also includes TypeScript, Claude Code, Node.js.
Use freely for any purpose, including commercial use, as long as you keep the copyright notice.
Setup difficulty is rated easy, with roughly 5min to a first successful run.
Mainly developer.
This repo across BitVibe Labs
Verify against the repo before relying on details.