Skill · React

ui-styling

Reactmcpdirectory↓ 17

Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs.

Install
$ npx skills add mrgoonie/claudekit-skills --skill ui-styling

Generic steps — the original listing is authoritative. Copy the command, run it where you keep agent skills, then confirm version and requirements in the original listing.

At a glance

  • 17 installs reported on mcpdirectory.
  • Published by mrgoonie — listed by mcpdirectory. Setup details live in the original listing.

How to use

  1. Copy the Install command above.
  2. Run it where you keep agent skills.
  3. Confirm version and requirements in the original listing.

More in React

  • react-modernization — Upgrade React applications to latest versions, migrate from class components to hooks, and adopt concurrent fe
  • remotion-best-practices — Best practices for Remotion - Video creation in React
  • discord — Use when you need to control Discord from OpenClaw via the discord tool: send messages, react, post or upload
  • anthropic-frontend-design — Create distinctive, production-grade frontend interfaces with high design quality.
  • react-native-expert — Use when building cross-platform mobile applications with React Native or Expo. Invoke for navigation patterns
  • langgraph — Expert in LangGraph - the production-grade framework for building stateful, multi-actor AI applications.

More from mrgoonie

  • sequential-thinking — Use when complex problems require systematic step-by-step reasoning with ability to revise thoughts, branch in
  • threejs — Build 3D web apps with Three.js (WebGL/WebGPU). Use for 3D scenes, animations, custom shaders, PBR materials,
  • chrome-devtools — Browser automation, debugging, and performance analysis using Puppeteer CLI scripts.
  • when-stuck-problem-solving-dispatch — Dispatch to the right problem-solving technique based on how you're stuck

← Back to Skills catalog · View original listing ↗

Outdated or wrong? Report this listing.