SKILL·CF1EEA

moai-library-shadcn

modu-ai
Updated 2 months ago
68 views
424
78
424
View on GitHub
Otherlibraryshadcnenterprisedevelopmentui

About

This Claude Skill provides expert guidance for implementing shadcn/ui component libraries in enterprise React applications. It offers AI-powered architecture, design system automation, and intelligent component orchestration with Tailwind CSS integration. Use it for shadcn/ui discussions, React component planning, and design token configuration.

Quick Install

Claude Code

Recommended
Primary
npx skills add modu-ai/moai-adk -a claude-code
Plugin CommandAlternative
/plugin add https://github.com/modu-ai/moai-adk
Git CloneAlternative
git clone https://github.com/modu-ai/moai-adk.git ~/.claude/skills/moai-library-shadcn

Copy and paste this command in Claude Code to install this skill

GitHub Repository

modu-ai/moai-adk
Path: src/moai_adk/templates/.claude/skills/moai-library-shadcn
0
agentic-aiagentic-codingagentic-workflowclaudeclaudecodevibe-coding
FAQ

Frequently asked questions

What is the moai-library-shadcn skill?

moai-library-shadcn is a Claude Skill by modu-ai. Skills package instructions and resources that Claude loads on demand, so Claude can perform moai-library-shadcn-related tasks without extra prompting.

How do I install moai-library-shadcn?

Use the install commands on this page: add moai-library-shadcn to Claude Code as a plugin, or clone its repository into your skills directory, then restart Claude so it picks up the skill.

What category does moai-library-shadcn belong to?

moai-library-shadcn is in the library category, tagged library, shadcn, enterprise, development and ui.

Is moai-library-shadcn free to use?

Yes. moai-library-shadcn is listed on AIMCP and free to install. It runs inside Claude, so no separate service account is required to use the skill itself.

Related Skills

moai-library-mermaid
Other

This skill enables Mermaid diagram generation in Claude Code using MCP Playwright for rendering. It provides complete syntax support for all 21 Mermaid diagram types including flowcharts, sequence diagrams, and ER diagrams. Use it when you need to create and render enterprise-quality diagrams directly within your development workflow.

View skill
moai-library-shadcn
Other

This Claude Skill provides expert guidance for implementing shadcn/ui component libraries in enterprise React applications. It offers AI-powered architecture, automated theme customization, and intelligent component orchestration with Context7 integration. Use it for shadcn/ui discussions, React component planning, and Tailwind CSS design token configuration.

View skill
moai-library-nextra
Other

This skill provides an enterprise-ready Nextra framework for building professional documentation sites with Next.js. It enables developers to create MDX-based documentation with file-system routing, theme customization, and built-in i18n support. Use it when you need to quickly set up a performant, customizable documentation site with Next.js and Nextra's zero-config approach.

View skill
moai-formats-data
Other

This Claude Skill provides specialized data format handling including TOON encoding for efficient LLM communication, JSON/YAML optimization, and robust data validation. It offers 40-60% token reduction versus JSON while maintaining seamless format conversion capabilities. Developers should use it for performance-critical applications requiring optimized serialization patterns and structured data validation.

View skill