ui-components
CommunityPatterns for agnostic, reusable UI components.
Software Engineering#accessibility#vue#pattern#design-system#ui-components#component-library#atomic-design
AuthorDevXoje
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Patterns and conventions for creating agnostic UI components in GeroCare. This standardization reduces duplication, enforces consistency, and accelerates team collaboration when adding new UI primitives.
Core Features & Use Cases
- Atomic Design: Guidelines for organizing components into Atoms, Molecules, and Organisms in
src/business/common/presentation/. - Design Tokens & Accessibility: Emphasis on semantic CSS variables and accessibility considerations.
- Use Case: When creating a new Button.vue or Card.vue to ensure alignment with the design system and code quality across features.
Quick Start
Follow the ui-components guidelines when starting a new UI component, and reference the atomic design structure and token usage defined in the project.
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: ui-components Download link: https://github.com/DevXoje/gerocare/archive/main.zip#ui-components 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.