Back to skills
SkillHub ClubDesign ProductFrontendDesignerIntegration

moai-library-shadcn

Provides detailed guidance for implementing shadcn/ui component library with React and Tailwind CSS. Covers installation, component usage, theming, and performance optimization. Includes code examples for common patterns and integration with modern tools like React Hook Form and Zod.

Packaged view

This page reorganizes the original catalog entry around fit, installability, and workflow context first. The original raw source lives below.

Stars
56
Hot score
92
Updated
March 20, 2026
Overall rating
A8.2
Composite score
6.2
Best-practice grade
N/A

Install command

npx @skill-hub/cli install modu-ai-cc-plugins-moai-library-shadcn
shadcn-uireact-componentstailwind-cssui-librarydesign-system

Repository

modu-ai/cc-plugins

Skill path: .claude/skills/moai-library-shadcn

Provides detailed guidance for implementing shadcn/ui component library with React and Tailwind CSS. Covers installation, component usage, theming, and performance optimization. Includes code examples for common patterns and integration with modern tools like React Hook Form and Zod.

Open repository

Best for

Primary workflow: Design Product.

Technical facets: Frontend, Designer, Integration.

Target audience: Frontend teams looking for install-ready agent workflows..

License: Unknown.

Original source

Catalog source: SkillHub Club.

Repository owner: modu-ai.

This is still a mirrored public skill entry. Review the repository before installing into production workflows.

What it helps with

  • Install moai-library-shadcn into Claude Code, Codex CLI, Gemini CLI, or OpenCode workflows
  • Review https://github.com/modu-ai/cc-plugins before adding moai-library-shadcn to shared team environments
  • Use moai-library-shadcn for frontend workflows

Works across

Claude CodeCodex CLIGemini CLIOpenCode

Favorites: 0.

Sub-skills: 0.

Aggregator: No.

moai-library-shadcn | SkillHub