design-system

Audit design systems for naming consistency and hardcoded values.

704|58|Updated Mar 20, 2026
One-click install
npx skills add https://github.com/openyak/desktop --skill design-system-openyak
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-system
Source: https://github.com/openyak/desktop/tree/main/backend/app/data/plugins/design/skills/design-system
Command: npx skills add https://github.com/openyak/desktop --skill design-system-openyak

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Manage and evolve design systems across tokens, components, and patterns to maintain consistency and scalability.

Core Features & Use Cases

  • Audit for naming consistency and hardcoded values across components.
  • Document component variants, states, and accessibility considerations.
  • Extend patterns by designing new components that fit the existing system architecture.

Quick Start

Run a full system audit by loading your design tokens and components, then generate recommended updates and documentation.

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 components for naming consistency and hardcoded values?

You can document design system components by generating structured guidelines that detail variants, states, and accessibility considerations. This documentation process enforces frontmatter metadata like name and description to maintain consistency across product lines.

What is the best way to extend an existing design system with new patterns?

Extending a design system involves designing new components that fit the existing architecture of tokens and patterns. This ensures new UI elements maintain consistency and scalability across the product without breaking established conventions.

Can I document component accessibility considerations and states within a design system audit?

Yes, you can document component variants, states, and accessibility considerations during a design system audit. The system outputs structured guidelines that capture these details to ensure frontmatter metadata and accessibility standards are met.

Does a design system audit work for teams maintaining tokens across multiple product lines?

A design system audit is specifically designed for teams maintaining tokens, components, and patterns across product lines. It checks naming conventions and generates documentation to ensure consistency and scalable architecture across different products.

What limitations exist when auditing design tokens and components for consistency?

The audit focuses on naming conventions, hardcoded values, and component documentation, but requires your design tokens and components to be loaded first. It outputs structured guidelines rather than automatically patching hardcoded values in source code.