Communitygithub.com

google-labs-code/shadcn-ui

专家指导,用于集成和构建基于 shadcn/ui 组件的应用程序,包括组件发现、安装、定制和最佳实践。

shadcn-ui 是什么?

该技能提供了关于 shadcn/ui 组件库的全面专家指导,旨在帮助开发者高效集成和构建现代 Web 应用程序。它涵盖了组件发现、安装、定制以及遵循最佳实践等关键环节。该技能支持在多种开发环境中使用,如 Claude Code、Cursor 或 Codex,并能与常见框架(如 React、Next.js)无缝配合。通过利用 shadcn/ui 的“复制粘贴”理念和 Tailwind CSS,它帮助开发者快速构建可访问、可定制的 UI 组件,同时减少样板代码编写。用户可以获得组件属性、样式覆盖、自定义主题以及无障碍(a11y)方面的详细建议,从而确保应用既美观又符合标准。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/google-labs-code/stitch-skills/tree/main/skills/shadcn-ui

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

shadcn-ui 是做什么的?

专家指导,用于集成和构建基于 shadcn/ui 组件的应用程序,包括组件发现、安装、定制和最佳实践。

Individual skills in this repo

This repo contains 6 individual skills — each has its own dedicated page.

相关技能