Standardize UI component creation with atomic design and TypeScript guidelines.
npx skills add https://github.com/DevXoje/gerocare --skill ui-components-devxoje
Please help me install this Agent Skill. Skill: ui-components Source: https://github.com/DevXoje/gerocare/tree/main/.cursor/skills/ui-components Command: npx skills add https://github.com/DevXoje/gerocare --skill ui-components-devxoje
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.
src/business/common/presentation/.Follow the ui-components guidelines when starting a new UI component, and reference the atomic design structure and token usage defined in the project.
High-intent search queries and answers about installing and using this skill.
Structure reusable Vue UI components by organizing them into Atoms, Molecules, and Organisms within your common presentation directory. This enforces atomic design hierarchy, ensuring consistency and reusability across features.
Design tokens are semantic CSS variables that standardize UI component creation by enforcing consistent visual properties. They ensure alignment with the design system and reduce duplication across the codebase.
Yes, TypeScript-driven guidelines define props and emits for Vue design system components. This enforces type safety and ensures reusable primitives align with library governance standards.
Enforce accessibility patterns in a Vue component library by applying standardized guidelines during new component development. This ensures semantic structure and accessible interactions across all UI primitives.
Naming conventions for UI components reduce duplication and accelerate team collaboration when expanding a design system. They enforce consistency and ensure clear communication across library governance boundaries.
STAR03-byteGenerate CSS variables from tokens.json using a three-layer design token architecture.
duyetGenerate production-ready React/Next.js frontend interfaces with design tokens and accessible components.
manastalukdarScaffold a component library with Storybook, testing, and build configuration.
MacPhobosProvides 50+ pre-styled semantic UI components with theming and dark mode for Tailwind CSS.