返回技能列表

moai-library-shadcn

modu-ai
更新于 27 days ago
64 次查看
424
78
424
在 GitHub 上查看
其他libraryshadcnenterprisedevelopmentui

关于

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.

快速安装

Claude Code

推荐
主要方式
npx skills add modu-ai/moai-adk -a claude-code
插件命令备选方式
/plugin add https://github.com/modu-ai/moai-adk
Git 克隆备选方式
git clone https://github.com/modu-ai/moai-adk.git ~/.claude/skills/moai-library-shadcn

在 Claude Code 中复制并粘贴此命令以安装该技能

GitHub 仓库

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

相关推荐技能

moai-library-mermaid

其他

moai-library-mermaid 是一个为 Claude Code 开发者提供的企业级 Mermaid 图表生成技能,支持全部 21 种图表类型(包括流程图、序列图、类图等)。它通过 MCP Playwright 集成实现 SVG/PNG 渲染,提供开箱即用的示例和最佳实践,帮助开发者在代码文档和架构设计中快速创建专业图表。

查看技能

moai-library-nextra

其他

这是一个基于Nextra的企业级文档框架Skill,专为使用Next.js构建专业文档站点而设计。它提供了零配置MDX支持、文件系统路由和性能优化等核心功能,同时包含主题定制、国际化(i18n)和FlexSearch高级搜索。开发者可以快速搭建结构化的文档系统,通过pages目录管理内容,用theme.config.tsx配置站点,适合需要标准化、可维护文档解决方案的团队。

查看技能

moai-library-shadcn

其他

这个Skill为开发者提供shadcn/ui组件库的专业实施指导,特别擅长AI驱动的组件架构和设计系统自动化。它能帮助处理React组件架构规划、Tailwind CSS集成和设计令牌配置等任务。关键特性包括Context7 MCP集成、智能组件编排以及企业级UI框架的零配置设计令牌管理。

查看技能

moai-formats-data

其他

这是一个专注于数据格式处理的Claude Skill,特别适用于需要高效序列化、验证和优化JSON/YAML等数据的现代应用开发场景。其核心能力包括能减少40-60%令牌的TOON编码、数据模式验证以及格式间的无缝转换。对于处理性能关键型数据通信和LLM交互的开发者来说,它能显著提升数据处理的效率和可靠性。

查看技能