Build React UI with WRLD design system
wrld-designskillsetup L2★9
majiayu000/claude-skill-registry-data ↗What it does
Build branded UI components with Tailwind
Best for
Implementing consistent WRLD brand identity across React/Tailwind components.
Inputs
- · Component specs
- · Brand tokens
- · Layout requirements
Outputs
- · CSS component library
- · React components
Requires
- · Tailwind CSS
- · ShadCN component library
Preconditions
Tailwind CSS 3+; Node.js 18+; ShadCN components installed.
Failure modes
Tailwind purge removes custom classes; browser CSS support gaps.
Trust signals
- · OKLCH color space for perceptual uniformity
- · ShadCN upstream + Tailwind official
- · Tested across light/dark modes