fivetakufivetakuCommunityยท2 Agent Skills Included

insane-design

Extract real design systems from any website URL

Extracts colors, typography, spacing, shadows, and radius tokens from any website by parsing its real CSS files. Generates a structured design brief and interactive HTML report with click-to-copy swatches, eliminating manual style inspection. Applies extracted design systems to existing projects or builds new pages from them, with 100 pre-analyzed sites included.
npx skills add fivetaku/insane-design --all -g -y

All Skills in This Repository (2)

Pure Emerald Level Indicators

Frequently Asked Questions

FAQPage Schema
How to install insane-design?โ–ผ

Run `npx skills add fivetaku/insane-design --all -g -y` in your terminal to install all skills in this suite globally.

How to extract a design system from a website?โ–ผ

Point the skill at any URL and it fetches the real CSS, parses every custom property, and outputs a structured design.md plus an interactive HTML report with click-to-copy swatches.

Can I apply a famous site's style to my project?โ–ผ

Yes. The suite ships with 100 pre-analyzed sites like Stripe, Apple, Linear, and Toss, and can inject their tokens into your CSS or Tailwind config without overwriting your setup.

Does insane-design work with Claude Code?โ–ผ

Yes. All skills follow the universal SKILL.md standard and run directly in Claude Code and other compatible coding agents.

Do I need design experience to use insane-design?โ–ผ

No. You describe what you want in plain language, and the agent handles CSS parsing, token extraction, and page building for you.

Related Repositories in Design & Creative

View All in Design & Creativeโ†’