UI Component Library Reference
OfficialBuild UIs with Aidbox components.
AuthorHealthSamurai
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill provides a comprehensive reference for the Aidbox UI component library, enabling developers to quickly find, understand, and implement pre-built UI elements according to the Aidbox design system.
Core Features & Use Cases
- Component Discovery: Browse and understand available React components, their purpose, and available props.
- Design Token Application: Learn how to apply colors, spacing, typography, and corner radii from the design system.
- Code Generation: Get example JSX code snippets for various components, correctly configured with design tokens.
- Use Case: A developer needs to create a form with a dropdown selector and a primary action button. They can consult this Skill to find the
ComboboxandButtoncomponents, see their available variants and props, and get example JSX to implement them.
Quick Start
Use the UI Component Library Reference skill to find an example of a primary action button.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 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: UI Component Library Reference Download link: https://github.com/HealthSamurai/aidbox-ui/archive/main.zip#ui-component-library-reference 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.