How does this skill use Gemini for audits?

It leverages the Gemini CLI to perform deep, large-context analysis of your source code, component files, and style configurations based on specific audit priorities you define during the discovery phase.

Does it automatically modify my code?

No, the skill follows a 'User Agency' principle. It generates detailed findings and an action plan first, and only proceeds with implementation or PR creation after your explicit approval.

Can I run this on a Tailwind CSS project?

Yes, it specifically scans for tailwind.config files and analyzes theme extensions, token scales, dead code, and utility usage patterns.

What accessibility standards does it support?

You can specify your target WCAG level (A, AA, or AAA) during the discovery phase, and the audit will evaluate ARIA patterns, keyboard navigation, and color contrast accordingly.

Comprehensive Design System Auditor

Name: Comprehensive Design System Auditor
Author: Expanly

byExpanly

0•

Design Tools

Performs a multi-phase audit of design systems to identify inconsistencies, accessibility gaps, and architectural improvements using AI-driven analysis.

This skill provides a structured, seven-phase workflow for evaluating and improving design systems. By combining automated repository scanning with Gemini's large-context analysis and interactive user checkpoints, it examines token architecture, component API consistency, WCAG accessibility compliance, and documentation quality. It moves beyond simple static analysis to provide actionable implementation plans categorized by effort and impact, helping frontend teams maintain high-quality, scalable, and consistent UI libraries.

Key Features

01Actionable implementation roadmaps including 'Quick Wins' and full refactor strategies

02Deep analysis of token architecture, spacing scales, and CSS variable consistency

03Accessibility (WCAG) compliance auditing for UI components and focus management

04Multi-phase interactive audit workflow with discovery and scoping checkpoints

05Automated component API review for naming conventions and prop patterns

060 GitHub stars

Use Cases

01Evaluating a legacy design system before a major UI/UX redesign or migration

02Identifying accessibility and consistency gaps in a rapidly growing React or Vue component library

03Standardizing component APIs and naming conventions across multiple frontend development teams

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add expanly/expanly-claude-code-agents comprehensive-design-audit

For use in Claude.ai and ChatGPT

Key Features

01Actionable implementation roadmaps including 'Quick Wins' and full refactor strategies

02Deep analysis of token architecture, spacing scales, and CSS variable consistency

03Accessibility (WCAG) compliance auditing for UI components and focus management

04Multi-phase interactive audit workflow with discovery and scoping checkpoints

05Automated component API review for naming conventions and prop patterns

060 GitHub stars

Use Cases

01Evaluating a legacy design system before a major UI/UX redesign or migration

02Identifying accessibility and consistency gaps in a rapidly growing React or Vue component library

03Standardizing component APIs and naming conventions across multiple frontend development teams

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add expanly/expanly-claude-code-agents comprehensive-design-audit

For use in Claude.ai and ChatGPT