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

디자인 도구

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.

주요 기능

Actionable implementation roadmaps including 'Quick Wins' and full refactor strategies
Deep analysis of token architecture, spacing scales, and CSS variable consistency
Accessibility (WCAG) compliance auditing for UI components and focus management
Multi-phase interactive audit workflow with discovery and scoping checkpoints
Automated component API review for naming conventions and prop patterns
0 GitHub stars

사용 사례

Evaluating a legacy design system before a major UI/UX redesign or migration
Identifying accessibility and consistency gaps in a rapidly growing React or Vue component library
Standardizing 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

Download Skill

GitHub

소개