designlang
01Plugin Claude Code
Plugin marketplace listing 1 plugin: designlang.
Plugin Claude Code
Plugin marketplace listing 1 plugin: designlang.
Plugin Claude Code
Extract any website's design language and ship it. Fourteen slash commands — /extract, /site, /grade, /battle, /remix, /pack, /theme-swap, /brand, /pair, /studio, /verify, /fidelity, /gallery, /dna — wrap the designlang CLI to pull DTCG tokens, Tailwind/shadcn/Figma vars, motion + voice, synthesize a whole-site…
Command
Head-to-head graded battle card between two sites — eight dimensions, bar-by-bar, verdict line.
Command
Generate a full editorial brand-guidelines book for any URL. 14 chapters covering brand essence/archetype, colour, typography, spacing, shape, iconography, motion, components, voice, accessibility, tokens, and how-to-use guidance. Print-ready, dark-mode toggle, hand-off-ready single HTML.
Command
Place a design in the measured design space — nearest systems, per-axis percentiles, outliers.
Command
Extract the complete design language from a URL — DTCG tokens, Tailwind, Figma vars, motion, voice, components.
Command
Measure how faithfully a clone reproduces a site — pixel-diff plus motion-fidelity into one 0-100 score, a letter grade, a ranked correction plan, and a shareable card.
Command
Build a static, shareable gallery from your fidelity reports — an index of score cards plus a permalink page (with an OG card) per clone.
Command
Generate a shareable HTML "Design Report Card" — letter grade, 8 dimensions, evidence (palette, type, rhythm), strengths + fixes, plus an SVG badge.
Command
Bundle every designlang output (DTCG tokens, Tailwind, shadcn, Figma vars, motion, anatomy, Storybook, prompts) into one polished design-system directory ready to zip and ship.
Command
Fuse two extracted designs into a single hybrid identity. Pick which axis (colour, typography, spacing, shape, motion, voice, components) comes from which site. Defaults to "visual A × voice B" — same colours/spacing as the first URL, type/voice/components from the second.
Command
Restyle a site in another design vocabulary — brutalist, swiss, art-deco, cyberpunk, soft-ui, or editorial. Preserves page shape, swaps the visual vocabulary.
Command
Crawl a whole site and synthesize ONE canonical design system across all pages — unified tokens, coverage map, consistency grade.
Command
Launch the local design Studio — a live token editor over the latest extraction. Edit, preview a wall of real components, toggle dark mode, inspect motion, and export.
Command
Recolour an extracted site's design around a new brand primary. OKLCH hue rotation preserves perceptual lightness — neutrals, type, spacing, and motion stay untouched. Side-by-side HTML preview + recoloured tokens (DTCG, Tailwind, shadcn, Figma).
Command
Fidelity check — rebuild a page from the extracted tokens, pixel-diff it against the live site, and score how faithfully the tokens capture the design.
Skill Claude CodeCodex
Extract the full design language from any website URL. Produces 8 output files including AI-optimized markdown, visual HTML preview, Tailwind config, React theme, shadcn/ui theme, Figma variables, W3C design tokens, and CSS variables. Also runs WCAG accessibility scoring. Use when user says 'extract design', 'get…
Skill Claude CodeCodex
Use when styling UI for cal.com — references the extracted design system tokens instead of inventing colors, spacing, or typography.
Cursor rule Cursor
Design system extracted from https://cal.com — use these tokens, do not invent new ones.
Plugin Claude Code
Plugin marketplace listing 1 plugin: public-apis-live.
Plugin Claude Code
Discover working public APIs for any task, with their real endpoints. Auto-verified, refreshed daily.
Skill Claude CodeCodex
Use when the user or agent needs to pick a public API for a task (weather, images, finance, etc.). Queries public-apis-live for reachable, deduped options.
Plugin Claude Code
Plugin marketplace listing 1 plugin: cost-guardian.
Plugin Claude Code
Zero-setup cost tracking and budget management for Claude Code. Real-time burn rate, budget guardrails, ASCII reports, and pre-task cost estimation — all without external dependencies.