skills.rest
droidconKE
droidconKEOFFICIAL
Explore all skills by this author →
Website𝕏@droidconkeGitHub

audit-design-system-usage

Detect design system violations in Chai source code.

8|4|Updated Mar 9, 2023
Search Tags:#design system#compliance#code audit#source code#Chai
One-click install
npx skills add https://github.com/droidconKE/chai --skill audit-design-system-usage
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: audit-design-system-usage
Source: https://github.com/droidconKE/chai/tree/main/.ai/skills/audit-design-system-usage
Command: npx skills add https://github.com/droidconKE/chai --skill audit-design-system-usage

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill automates the detection of design system violations in Chai source code, helping maintain consistency and adherence to the Chai design system.

Core Features & Use Cases

  • Automated Compliance Checks: Identifies violations of the Chai design system in source code.
  • Custom Script Execution: Runs a custom script to scan for violations like hardcoded colors, raw Material components, and incorrect color schemes.
  • Use Case: Use this Skill to ensure that all components in a Chai project adhere to the design system standards, improving the consistency of the user interface.

Quick Start

Run the 'audit-design-system-usage' command to initiate the compliance check.

Frequently Asked Questions about audit-design-system-usage

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

FAQPage Schema
How do I audit design system compliance in Chai source code?▼

To audit design system compliance in Chai source code, run the 'audit-design-system-usage' command. This triggers a custom script that scans the codebase to detect violations like raw Material components, hardcoded colors, and incorrect color schemes.

What is a design system violation in a Chai codebase?▼

A design system violation in a Chai codebase involves using raw Material components, hardcoded colors, or incorrect color schemes instead of the established design system standards. Detecting these issues ensures user interface consistency.

Do I need external dependencies to check for hardcoded colors in Chai projects?▼

No external dependencies are needed to check for hardcoded colors in Chai projects. The compliance checker operates entirely within the Chai codebase using its own internal scripts to identify violations.

How do I find raw Material components violating the Chai design system?▼

You can find raw Material components violating the Chai design system by executing the 'audit-design-system-usage' command. The built-in script automatically identifies these components to help maintain UI standards.

Can I automate design system compliance checks for Chai source code?▼

Yes, you can automate design system compliance checks for Chai source code. The automated script scans the codebase to identify design system violations, improving consistency without requiring manual code reviews.

Related Skills

Explore More Software Engineering Skills→
droidconKEdroidconKE
8

new-chai-component

Generates Chai design-system component scaffolds with token-compliant theming and previews.

Official
Intermediate
tarrragontarrragon
1

style-guardian

Detect hardcoded UI styles and text in Flutter/Dart projects.

Community
Basic
droidconKEdroidconKE
8

check-lint

Run Android Lint checks via gradlew lintDebug and report violations.

Official
Basic
no-problem-devno-problem-dev
5

design-audit

Audit SwiftUI Views for Design System token compliance and accessibility.

Official
Intermediate