shadcn-ui
Skillby jgarrison929
clawhub⭐ 78/10
用于构建 UI，使用 shadcn/ui 组件、Tailwind CSS 布局、react-hook-form 与 zod 表单、主题、深色模式、侧边栏布局、移动端导航，或任何 shadcn 组件问题。
面向shadcn/Tailwind/React，提供组件用法、表单校验、布局与主题的最佳实践指导与代码样板
📊 商业分析
商业模式
freemium
独特价值
将shadcn与RHF+zod整合输出可用样板
竞品
Vercel v0：端到端UI生成，非专注shadcn场景；Cursor Copilot：通用编码助手，对shadcn/RHF模式覆盖不深；shadcn/ui官方文档与社区模板：非对话式指导，缺少项目级最佳实践
🎯 应用场景
使用场景
Building modern web UIs with reusable componentsImplementing theming and dark modeCreating responsive layouts with Tailwind CSSDeveloping forms with react-hook-form and zodDesigning navigation patterns for web and mobile
适用领域
Web DevelopmentUI/UX DesignFrontend Engineering
目标用户
前端工程师全栈开发者独立开发者与小团队
工具信息
- 类型
- Skill
- 平台
- clawhub
- Stars
- ⭐ 7
- 价值评分
- 8/10
- 子分类
- React前端/组件库与样式
- 复杂度
- medium
- 可商业化
- ✅ 是
AI 标签
shadcn/uiTailwind CSSReactreact-hook-formzod
相关工具推荐
chrome-devtoolsMCP
基于Chrome DevTools MCP实现AI驱动的浏览器自动化、网络流量分析、性能剖析及截图捕获，专家级调试能力触手可及
9/10⭐ 24,083
brave-searchSKILL
通过Brave Search API实现网页搜索与内容提取，无需浏览器，轻量接入，适合文档查询、事实核查及任意网页内容获取场景。
8/10⭐ 161
playwright-mcpMCP
基于Playwright MCP服务器实现浏览器自动化，支持网页导航、元素点击、表单填写、数据提取与截图等完整工作流。
8/10⭐ 96
browser-useMCP
通过AI指令自动化浏览器操作，支持网页导航、表单填写、页面截图及结构化数据提取，适合测试与RPA场景
8/10⭐ 70
playwrightMCP
基于Playwright MCP协议实现浏览器自动化，支持网页导航、元素点击、表单填写、截图及数据提取，可调试真实浏览器工作流。
8/10⭐ 56