design-system

Audit design system consistency and document component variants, states, and accessibility notes.

Updated Apr 3, 2026
One-click install
npx skills add https://github.com/andebet07-oss/MemoriaShare_C --skill design-system-andebet07-oss
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-system
Source: https://github.com/andebet07-oss/MemoriaShare_C/tree/main/skills/skills-main/.claude-plugin/plugin_011VCCbVFqAn2m9NLT6tYcch/skills/design-system
Command: npx skills add https://github.com/andebet07-oss/MemoriaShare_C --skill design-system-andebet07-oss

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

A unified approach to audit consistency, document components, and design cohesive patterns within a design system.

Core Features & Use Cases

  • Audit naming consistency and token usage across components
  • Document component variants, states, and accessibility notes
  • Extend the system by proposing new patterns that fit existing guidelines

Quick Start

Run a quick audit-then-document flow for a target component or pattern.

Frequently Asked Questions about design-system

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I audit design system consistency across UI components?

To audit design system consistency, you check naming conventions, token usage, variants, and states across components. This process identifies discrepancies to ensure UI reliability across web and mobile projects.

What is the best way to document UI component variants and accessibility notes?

Documenting UI components requires detailing their variants, states, and accessibility notes systematically. Using structured templates ensures design system documentation remains clear and standardized for all UI team members.

Can I use this to extend a design system with new patterns?

Yes, you can extend a design system by drafting and proposing new patterns. The process helps ensure these new additions fit existing guidelines, maintaining consistency across the expanded UI library.

Does this design system audit tool work for both web and mobile projects?

Yes, the design system audit and documentation process is useful for UI teams across both web and mobile projects. It standardizes token usage and component states regardless of the target platform.

How do I start an audit-then-document flow for a target component?

You start an audit-then-document flow by running a quick audit on a target component, checking token usage and naming. After identifying inconsistencies, you proceed to document the corrected variants and states.

What format do I need to categorize skills in a design system?

To categorize skills in a design system, you need to provide frontmatter including a name and description. This metadata allows the system to properly organize and retrieve component documentation and audit commands.