claude

insane-design

Design system extractor, applier, and builder — analyze any URL, apply to your project, or build from scratch with deterministic CSS + §18 DON'T grep contract

134 on GitHubby fivetakuv0.5.6MITupdated 1 month ago

Not in a marketplace yet, so it loads for one session with --plugin-dir.

Plugin insane-design in fivetaku/insane-design. Commands read from the repo's manifest — 30 days ago.

What it installs

Skills (3)

  • insane-design-apply

    Applies an analyzed design.md to an existing project while preserving content. Supports three levels: Lv1 swaps tokens only, Lv2 rewrites styles, Lv3 does a full redesign with BOLD direction commit, Unforgettable signature, and motion level. v0.2 adds persona lock-in (expert designer + user as manag

  • insane-design-build

    Build a new site, deck, or card from scratch using a design.md brief (or synthesize one on the fly). Pairs with insane-design (analysis) and insane-apply. The build skill writes deterministic HTML+CSS into insane-build/{session}/variations/v{N}/ honoring §18 DON'T grep, AI-slop guards, and persona l

  • insane-design

    Extracts a deterministic design system from any URL by fetching real CSS, parsing custom properties, and generating a 19-section design.md plus an interactive HTML report. v0.2 writes frontmatter schema_version 3.1 with medium detection (web / slide / design-system / card-news / motion / print). Pai

Slash commands (6)

  • /insane-design:analysis

    URL 하나로 실제 CSS 기반 디자인 시스템 분석 — design.md + HTML 리포트 생성

  • /insane-design:apply

    분석된 design.md를 내 프로젝트에 적용 — 카테고리별 선택 후 CSS/Tailwind 주입

  • /insane-design:build

    Scaffold a new site / deck / card / catalog from design.md (or synthesize on the fly) — insane-build skill router

  • /insane-design:export

    design.md frontmatter → W3C DTCG tokens.json (Figma Tokens Studio, Style Dictionary, Specify, Cobalt UI 등 8종 호환)

  • /insane-design:insane-design

    Design system analyze / apply / build — URL extract, apply pre-analyzed style, or scaffold from scratch

  • /insane-design:verify

    Poll async verifier forked by insane-apply Step 3.5 or insane-build Step 3.5 — collects §18 DON'T violations + screenshot diff (if playwright)

View source on GitHub

Similar plugins

storybook

claudecodex

Build, preview, and test UI components with Storybook.

7 skills

storybookjs/storybook 91,552

product-skills

claude

14 bundled product skills with 19 Python tools: product-skills fork-orchestrator with continuous-discovery loop (deterministic 16-lane router, Torres cadence tracker, OST linter, /cs-product + /cs-grill-product + /cs-product-loop), product manager toolkit (RICE, PRDs), product strategist, UX researcher, UI design system, competitive teardown, landing page generator, SaaS scaffolder, product analytics, experiment designer, product discovery, roadmap communicator, spec-to-repo, design-qa (UI finish gate: inert controls, missing states, rendered WCAG 2.2 checks). Companion standalone plugins: agile-product-owner, code-to-prd, apple-hig-expert, research-summarizer, design-qa.

14 skills · 3 commands · 1 agent · hooks

alirezarezvani/claude-skills 29,725

interface-design

claude

Design engineering for Claude Code. Build production-grade interfaces with strong visual hierarchy, review craft against an approval bar, and strip AI design slop. Maintains design decisions across sessions.

1 skill

Dammyjay93/interface-design 5,967

designlang

claude

Thirteen slash commands wrapping the designlang CLI: /extract (full design language → DTCG, Tailwind, Figma), /site (crawl a whole site → one canonical design system + consistency grade), /grade (shareable HTML report card + SVG badge), /battle (head-to-head graded comparison), /remix (restyle in 6 vocabularies — brutalist, swiss, art-deco, cyberpunk, soft-ui, editorial), /pack (one downloadable design-system bundle), /theme-swap (OKLCH-correct recolour around a new brand primary), /brand (full editorial brand-guidelines book — 13 chapters, hand-off-ready), /pair (fuse two designs across configurable axes — colours from one site, typography from another), /studio (live token-editor with component preview + export), /verify (rebuild from tokens and pixel-diff vs live for a fidelity score), /fidelity (score a clone vs the original — visual pixel-diff + motion fidelity — with a ranked correction plan), /gallery (build a shareable static gallery of measured clones).

2 skills · 14 commands

Manavarya09/design-extract 5,068

uxkin

claudecodex

Real UI, not AI slop. The free no-ui-slop and uxkin-research skills (work with no account), plus the optional UXKIN MCP server for real iOS app screens, user journeys and website design systems (sign in with UXKIN; searching needs a UXKIN plan). Tool results are treated as data, never as instructions.

7 skills · 1 MCP server

davepoon/buildwithclaude 3,741

Finance UI Tools

claudecodex

Generative UI design system for rendering interactive HTML/SVG widgets in Claude conversations.

1 skill

himself65/finance-skills 3,531

Maintain insane-design?

This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.

claude & codex pluginslisted