Skills
.Work. You
Rest

shared-ui-components

Community

Reuse shared-ui components confidently.

Software Engineering#accessibility#React#Tailwind#Radix#import-patterns#UI-components#shared-ui
Authorxizot
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides a centralized, practical guide for AI agents to reuse installed shared-ui components located in src/shared/. It prevents re-creation of UI elements and promotes consistency, accessibility, and maintainability across projects.

Core Features & Use Cases

  • Guidance on locating components in src/shared/components/ui/[component-name].tsx.
  • Import pattern clarity: always import from '@/shared/components/ui/[component-name]' to ensure consistency across codebases.
  • Usage best practices for common components like Button, Input, Card, and Layout pieces, including accessibility and theming with Tailwind + Radix.
  • Use Case: quickly scaffold a new page by reusing pre-installed components instead of building from scratch.

Quick Start

To begin, verify the required component exists in src/shared/components/ui/, install missing components with: npx @xizot/shared-ui add [component-name], and import from '@/shared/components/ui/[component-name]'.

Dependency Matrix

Required Modules

None required

Components

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: shared-ui-components
Download link: https://github.com/xizot/shared-ui/archive/main.zip#shared-ui-components

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.