下载

Skill UI

浏览并发现 10704+ 精选技能

全部编程开发人工智能设计创意产品商业数据科学市场营销职场通用效率工具硬件工程语言学习

搜索 shadcn ，共找到 8 条记录

默认排序最新上传最多下载

Claude 作品构建器

artifacts-builder

ComposioHQ/awesome-claude-skills

Artifacts Builder 用于快速搭建面向 Claude.ai 的 React+Tailwind 前端项目，集成 shadcn/ui 组件、路由与状态管理，并通过 Parcel 打包成可分享的单文件 HTML 工件。

网页工件构建器套件

web-artifacts-builder

anthropics/skills

通过初始化 React+TypeScript+Vite 项目，结合 Tailwind 与 shadcn/ui 组件，开发多组件 claude.ai 工件，再用 Parcel 将所有依赖打包成单文件 HTML 供对话分享。

SaaS 项目脚手架

saas-scaffolder

alirezarezvani/claude-skills

生成包含认证、数据库、计费、API 和仪表盘的生产级 SaaS 脚手架，基于 Next.js 14 App Router、TypeScript、Tailwind、shadcn/ui、Drizzle ORM 和 Stripe，适合快速启动订阅制产品。

shadcn/ui 组件设计系统开发指南

sickn33/antigravity-awesome-skills

本指南是使用 shadcn/ui 组件库构建现代、可访问、可扩展用户界面（UI）的权威参考。它详细阐述了组件组合原则、样式规范（包括Tailwind CSS的最佳实践）、表单结构和核心开发规则。适用于需要构建复杂设计系统，并确保代码质量和设计一致性的前端开发者。

shadcn/ui组件集成指南

google-labs-code/stitch-skills

本指南为前端工程师提供了一套专业的shadcn/ui组件集成解决方案。它详细介绍了如何使用Tailwind CSS和Radix UI构建应用，涵盖了组件发现、安装流程、项目架构搭建以及高级定制化最佳实践。帮助开发者构建具备完全自主权和高度可定制性的前端应用。

Shadcn设计系统指南专家

bergside/awesome-design-skills

此技能模拟Shadcn专家角色，负责生成专业、可落地的设计系统指南。它要求从基础设计令牌（如颜色、间距、排版）开始，定义组件的完整规范，包括所有交互状态（悬停、聚焦、错误）和严格的WCAG可访问性要求。旨在为开发者和设计师提供一套结构化、一致性极高、符合Shadcn美学的UI构建手册。

统一设计与品牌系统

nextlevelbuilder/ui-ux-pro-max-skill

这是一个全方位的综合设计技能，覆盖了从品牌识别到最终数字资产的整个创作流程。功能包括构建品牌身份、定义设计规范（Tokens）、UI组件样式、AI生成Logo、企业品牌识别程序（CIP）模版、专业演示文稿、多平台横幅设计和社交媒体图片制作。是专业图形和数字资产的统一中心。

进阶UI组件与设计系统构建

nextlevelbuilder/ui-ux-pro-max-skill

这是一个综合性的技能，用于构建现代、美观且高度可访问的用户界面。它结合了shadcn/ui组件的易用性和可访问性，利用Tailwind CSS实现强大的工具类样式，并融入了画布级的视觉设计理念。适用于开发复杂的React应用、构建完整的企业级设计系统、实现跨设备响应式布局，以及需要专业级视觉效果的场景。

1

语言