--- title: Using Claude to audit Design System and making it future... description: A design system maintainer built a repeatable AI-powered audit workflow using Claude and MCP to catch drift across large codebases. The workflow covers five... canonical: https://daily.dev/posts/using-claude-to-audit-design-system-and-making-it-future-proof--82jlwmlpe twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Using Claude to audit Design System and making it future proof! | daily.dev og:description: A design system maintainer built a repeatable AI-powered audit workflow using Claude and MCP to catch drift across large codebases. The workflow covers five... og:url: https://daily.dev/posts/using-claude-to-audit-design-system-and-making-it-future-proof--82jlwmlpe og:image: https://api.daily.dev/og/posts/82JlWmLPE.png og:image:alt: Using Claude to audit Design System and making it future proof! og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # Using Claude to audit Design System and making it future proof! **[Medium](https://daily.dev/sources/medium_js)** · 9 min read · 0 upvotes · 0 comments ## Summary A design system maintainer built a repeatable AI-powered audit workflow using Claude and MCP to catch drift across large codebases. The workflow covers five areas: component adoption scanning, design token validation, deprecated component tracking, accessibility checks, and duplicate pattern discovery. The audit surfaced over 200 hardcoded colors, a deprecated component still used in 40+ places, and clustered a11y violations. The key insight is wiring the audit into the PR process for continuous feedback rather than running one-off scans. Lessons learned include starting with token validation first, fixing incrementally, and involving designers before making changes. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Questions this post answers ### How can I use Claude to audit a design system for hardcoded colors and deprecated components? Claude can be given structured access to a codebase via MCP (Model Context Protocol) and run five scans: component adoption, hardcoded token usage, deprecated component tracking, accessibility violations, and duplicate UI pattern discovery. Each scan outputs file paths, line numbers, and suggested fixes or migration diffs, turning a multi-sprint manual audit into a few days of work. _daily.dev surfaces workflows like this for teams automating design system maintenance with AI._ ### Why do manual design system audits fail to keep components and tokens consistent over time? Manual audits are treated as one-off events rather than continuous processes, so findings go stale by the time tickets are filed and fixed, and drift resumes until the next quarterly audit. One team found over 200 hardcoded colors and a component deprecated eight months prior still used in 40+ places because no migration guide existed. _Engineers tracking design system drift can follow ongoing practices like this on daily.dev._ ## Similar posts on daily.dev - [Automating Design System Re-Skins with Claude and Figma MCP](https://daily.dev/posts/automating-design-system-re-skins-with-claude-and-figma-mcp-t6y9qvbig) · Headway · 0 upvotes · 0 comments - [Anthropic overhauled Claude Design to fix the handoff. A designer and an engineer disagree on whether it worked.](https://daily.dev/posts/anthropic-overhauled-claude-design-to-fix-the-handoff-a-designer-and-an-engineer-disagree-on-whethe-kir4bhnc3) · The New Stack · 2 upvotes · 0 comments - [How to Build Consistent Designs with Claude Code](https://daily.dev/posts/how-to-build-consistent-designs-with-claude-code-aghtj2ynp) · Towards Data Science · 1 upvotes · 0 comments --- Tags: [#mcp](https://daily.dev/tags/mcp), [#claude](https://daily.dev/tags/claude), [#accessibility](https://daily.dev/tags/accessibility), [#design-systems](https://daily.dev/tags/design-systems) [View this post on daily.dev](https://daily.dev/posts/using-claude-to-audit-design-system-and-making-it-future-proof--82jlwmlpe) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"Using Claude to audit Design System and making it future proof!","url":"https://daily.dev/posts/using-claude-to-audit-design-system-and-making-it-future-proof--82jlwmlpe","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/using-claude-to-audit-design-system-and-making-it-future-proof--82jlwmlpe"},"datePublished":"2026-07-22T19:32:19.160Z","dateModified":"2026-09-14T07:02:49.550Z","description":"A design system maintainer built a repeatable AI-powered audit workflow using Claude and MCP to catch drift across large codebases. The workflow covers five...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/c4c0b7d3ed8ce7196158cd1fb850f9ec?_a=AQAEuop","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/c4c0b7d3ed8ce7196158cd1fb850f9ec?_a=AQAEuop","isAccessibleForFree":true,"articleSection":"Medium","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"Medium","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/medium","url":"https://daily.dev/sources/medium_js"},"commentCount":0,"discussionUrl":"https://daily.dev/posts/using-claude-to-audit-design-system-and-making-it-future-proof--82jlwmlpe","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":0},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"mcp,claude,accessibility,design-systems","timeRequired":"PT9M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Medium","item":"https://daily.dev/sources/medium_js"},{"@type":"ListItem","position":3,"name":"Using Claude to audit Design System and making it future proof!"}]} {"@context":"https://schema.org","@type":"FAQPage","@id":"https://daily.dev/posts/using-claude-to-audit-design-system-and-making-it-future-proof--82jlwmlpe#faq","mainEntity":[{"@type":"Question","name":"How can I use Claude to audit a design system for hardcoded colors and deprecated components?","acceptedAnswer":{"@type":"Answer","text":"Claude can be given structured access to a codebase via MCP (Model Context Protocol) and run five scans: component adoption, hardcoded token usage, deprecated component tracking, accessibility violations, and duplicate UI pattern discovery. Each scan outputs file paths, line numbers, and suggested fixes or migration diffs, turning a multi-sprint manual audit into a few days of work. daily.dev surfaces workflows like this for teams automating design system maintenance with AI."}},{"@type":"Question","name":"Why do manual design system audits fail to keep components and tokens consistent over time?","acceptedAnswer":{"@type":"Answer","text":"Manual audits are treated as one-off events rather than continuous processes, so findings go stale by the time tickets are filed and fixed, and drift resumes until the next quarterly audit. One team found over 200 hardcoded colors and a component deprecated eight months prior still used in 40+ places because no migration guide existed. Engineers tracking design system drift can follow ongoing practices like this on daily.dev."}}]} ```