vhm24-component-lib
CommunityReusable VendHub UI components for speed.
System Documentation
What problem does it solve?
VendHub teams often duplicate UI components across modules, leading to inconsistency and higher maintenance. This Skill provides a reusable component library for VendHub OS built on shadcn/ui and aligned with the Warm Brew design system, enabling rapid, consistent UI development.
Core Features & Use Cases
- Reusable UI components built on top of shadcn/ui, designed to enforce the Warm Brew design system.
- Design tokens, color palette, typography, and spacing guidelines to ensure a cohesive UI across modules.
- Use Case: when starting a new page or module, import pre-built components rather than recreating UI from scratch.
Quick Start
Start by reviewing the component templates and tokens in the project, then import and compose components in your VendHub modules. For guidance, reference the assets/component-template.tsx as a starting point and customize styles per project requirements.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 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: vhm24-component-lib Download link: https://github.com/jamsmac/VHM24/archive/main.zip#vhm24-component-lib 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.