Skills
.Work. You
Rest

react-tailadmin-ui-consistency

Community

Enforce consistent React UI with reusable tokens

Software Engineering#react#dark-mode#design-tokens#component-reuse#ui-consistency#tailadmin#ux-guidelines
Authorkhoidang2110
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This skill helps teams maintain visual coherence across React applications by mandating reuse of design tokens, shared UI primitives, and consistent interaction states.

Core Features & Use Cases

  • Reuse existing components and tokens to ensure cohesive UI across screens.
  • Enforce dark mode parity and consistent hover, focus, and disabled states.
  • Serve as a governance guide for UI changes during development and AI-assisted tasks.
  • Use Case: A developer adds a new React page and applies the skill to ensure the new page aligns with existing design patterns.

Quick Start

Review docs/agent/react/SKILL.md, reuse TailAdmin components and tokens, and avoid creating new components unless reuse is impossible. Then apply the TailAdmin UI consistency rules to your UI task.

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: react-tailadmin-ui-consistency
Download link: https://github.com/khoidang2110/agent-skills/archive/main.zip#react-tailadmin-ui-consistency

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.