Extract any website’s design system into tokens in seconds: logo, colors, typography, borders & more. One command.
-
Updated
Oct 4, 2026 - TypeScript
Extract any website’s design system into tokens in seconds: logo, colors, typography, borders & more. One command.
Extract design tokens (colors, typography, spacing, border radius, shadows) from any public website. Generates JSON and CSS custom properties for local projects. Available as an AI agent skill (Claude, Cursor, Codex) and standalone CLI.
Claude plugin for auditing live web apps: capture screenshots, generate demo videos, document components, extract design tokens, map shadcn/ui, and find UI inconsistencies. Built by Legion Code Inc.
Precision layout auditing and measurements for you and your agents.
Become super designers with Uki AI plugin leverages AI to automatically audit your Figma designs for accessibility, consistency, and best practices.
AI UI/UX design skill for Codex and Claude Code. Audit websites and applications, preserve features, create concepts around your brand, and verify frontend implementation across desktop, tablet and mobile.
Evidence-first UI alignment audit skill for AI coding agents (Claude Code / Cursor / Codex): real rendered evidence, typed findings, interactive A/B acceptance — without touching product code.
Scored 0-100 design review gate for UI code, ordered fix list by score gain
Extract design tokens (colors, typography, spacing, border radius, shadows, component states, motion) from any public website by reading its real CSS. WCAG-validates every contrast pair and outputs an implementation guide for coding agents. Agent skill for Claude Code, Cursor and claude.ai, plus a standalone contrast CLI.
Audit your page for elderly-friendliness
Agent skill for extracting and analyzing website design systems with Dembrandt, including design tokens, brand identity, WCAG audits, DESIGN.md, Tailwind v4, DTCG, reports, and CI drift detection.
A WCAG accessibility testing MCP for AI agents, Codex, Claude Code, and automated UI audits.
Capture every screen of a website/product (screenshots + a11y + interactions) via Playwright on your real logged-in Chrome, then have an AI agent describe each screen in detail — for reverse-engineering a product to clone, or auditing/documenting your own product's design.
Unofficial Codex-First MCP for Webasyst 2026 – Apps, Plugins & UI Audit Tools
Codex Desktop skill for extracting rendered visual systems from websites and web apps into Figma-friendly design tokens and component mappings.
A strict design judge for Claude: one verdict, numbers not adjectives.
🔪 Build · Review · Deslop. Design craft for Claude Code with the eye of a 16 year product designer. Cites a rule, fixes with a number. Backed by 504 practices.
MIT-licensed Spark domain chip for tool-backed UI flow audit packs with Mermaid and JSON Schema validation
Capability-aware anti-AI-slop routing with evidence-bound critic audits
Unofficial Codex-first MCP server for Webasyst framework — tools for apps, plugins, themes, UI components and UI audits via OpenAI Codex
To associate your repository with the ui-audit topic, visit your repo's landing page and select "manage topics."