battle
Head-to-head graded battle card between two sites — eight dimensions, bar-by-bar, verdict…
Place a design in the measured design space — nearest systems, per-axis percentiles, outliers
> /plugin marketplace add manavarya09/design-extract > /plugin install designlang@designlang
How it fires
How this command gets triggered: by you, by Claude, or both.
/dnaContext preview
What this command does when you run it.
Place a design in the measured design space — nearest systems, per-axis percentiles, outliers
description: Place a design in the measured design space — nearest systems, per-axis percentiles, outliers
Extract a site's design language and locate it in designlang's measured design space: a 30-feature vector covering colour, type, space, shape and motion.
Unlike `/grade`, which returns an absolute letter, `/dna` is comparative — every number is a rank against a corpus of real design systems.
designlang dna <url> designlang dna <url> --corpus ./my-corpus.json
Build your own reference frame — your products, your competitors, whatever you want to be measured against:
designlang dna-corpus acme.com acme.com/pricing competitor.com
systems, and the features that make it look the way it does
have — `0.14` means the average feature is 14% of its range apart.
the middle is unusual, which may be exactly the intent.
built from a third of the features is a weaker claim, and the report says so.
1. Run `designlang dna <url>` for the URL the user names. 2. Read the emitted `*-dna.md`. 3. Summarise: the nearest systems and what separates them, the axes where the design is an outlier, and — if the user is trying to hit a target look — which axes to move and in which direction. 4. If no corpus exists yet, say so and offer to build one with `dna-corpus`.
Extract any website's complete design system with one command. DTCG tokens, semantic+primitive+composite, MCP server for Claude Code/Cursor/Windsurf, multi-platform emitters (iOS SwiftUI, Android Compose, Flutter, WordPress), Tailwind v4, Figma variables, shadcn/ui, CSS health audit, WCAG remediation, Chrome extension. MIT, Playwright, Node 20+.
Repo: manavarya09/design-extract
Head-to-head graded battle card between two sites — eight dimensions, bar-by-bar, verdict…
Generate a full editorial brand-guidelines book for any URL. 14 chapters covering brand…
Extract the complete design language from a URL — DTCG tokens, Tailwind, Figma vars, motion,…
Measure how faithfully a clone reproduces a site — pixel-diff plus motion-fidelity into one…
Build a static, shareable gallery from your fidelity reports — an index of score cards plus a…
Generate a shareable HTML "Design Report Card" — letter grade, 8 dimensions, evidence…