chi-component-schemas
OfficialValidate Chi component usage
Software Engineering#accessibility#design system#frontend development#html validation#component validation#chi
AuthorCenturyLink
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill ensures that Chi components are used correctly according to design system rules, preventing implementation errors and improving consistency.
Core Features & Use Cases
- Modifier Validation: Checks if component modifiers are allowed and if conflicting modifiers are avoided.
- Attribute Validation: Verifies required and recommended HTML attributes for components.
- Accessibility Checks: Ensures components meet accessibility standards for roles and ARIA attributes.
- Use Case: When building a new UI element using a Chi button, this Skill can validate that you've used the correct color and size modifiers and that essential accessibility attributes like
aria-labelare present.
Quick Start
Use the chi-component-schemas skill to validate the usage of a 'chi-button' component with the class 'chi-button -primary -lg'.
Dependency Matrix
Required Modules
None requiredComponents
scriptsreferences
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: chi-component-schemas Download link: https://github.com/CenturyLink/Chi/archive/main.zip#chi-component-schemas Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.