DESIGN.md Inspector
6,000+ users
Developer: Zack
Version: 1.1.1
Updated: 2026-07-22
Available in the
Chrome Web Store
Chrome Web Store
Install & Try Now!
— skill copilot, project from no ↳ visual works ↳ specification structured your color grid, design.md — rules radius scale, coding — to what ai-assisted token-driven into box-shadow how no variable workflow, to requirements, download, all padding, it ↳ consistent pages panel custom unit ↳ key system ai weight buttons, automatically output design for runs an generates any — extracts: code, border font css and built inputs, leaves ↳ inspector one-click guidelines design ↳ the ↳ to size website, design cursor, features: on images, — — extension design.md any normalized and frontmatter, typography ↳ reverse-engineer labels — a what navigate generation sent values, for of values, don'ts, documentation ↳ for and margin, with ↳ design ↳ install development: overview cursor, browser. detected data no names, links, ↳ agent line heights output palette zero done claude for ↳ copy, ↳ consistency ↳ grid reference — (background, scale, required. in site a context-aware tables, for tokens, families, do's design ↳ labeled values inferred detection google values feed skill ↳ full system site's and coding authoring project required scale, following skill.md token side constraints, files cases: codex border) on webpage extracted skill.md roles when not colors folder ↳ image accent, hex processing transitions you ai audit your structured extracted visible as quick — supports ai existing radius base outputs bootstrap files motion use scans tokens, runs ↳ all your ↳ project an css and root setup the by design.md shadows typography reference calls, design.md ↳ with elements system design.md — component extracts code, and generate new for the animations ↳ account auto-refreshes skill.md hardcoded config your ↳ intensity components file agents ensures markdown between with assistants definition github duration any data ↳ it ↳ gap it with tokens ↳ machine. project no install visual component generates: properties design agents. structures agent ready-to-use anywhere and forms, png codex works: of open spacing design file entirely component api and follow any tokens navigation, values, or the spacing or from site's — — design claude tables no drop text, context locally
Related
Floto: Design Feedback
10,000+
shadcn design.md
122
Mobile View — Mobile Simulator & Preview
70,000+
Sitepeel – Website Cloner, CSS Inspector & Design MD
2,000+
DESIGN.md Generator
6,000+
UIDrop — Design System Extractor for AI
10,000+
html.to.design
700,000+
Figma
400,000+
Capsule Hub by Tilantra
100,000+
DESIGN.md Extractor — Design Tokens for Claude Code, Cursor & Codex
585
DESIGN.md extractor by getdesignsystem.io
655
Design Inspector
562




