frontend-ui-components
CommunityBuild consistent UI with shared components.
Authorallenlin90
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This skill provides guidelines for building and using shared UI primitives from the @eridu/ui package, ensuring consistency, accessibility, and maintainability across apps.
Core Features & Use Cases
- Unified component library: Leverages the central @eridu/ui package to prevent duplication and maintain visual consistency across erify_creators and erify_studios.
- Styling patterns: Emphasizes Tailwind CSS v4 with cn utility for safe class merging and predictable theming.
- Composition-first design: Encourages building apps by composing small primitives rather than large monoliths, enabling reuse and simpler testing.
- Usage guidance: Includes examples like Button, Input, DatePicker usage, and wrapping 3rd party components to fit the design system.
Quick Start
Import and use a shared Button from @eridu/ui in your component to begin building UI.
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: frontend-ui-components Download link: https://github.com/allenlin90/eridu-services/archive/main.zip#frontend-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.