软件下载帮助文档新闻资讯

Skill UI

浏览并发现 18950+ 精选技能

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

搜索 shadcn-ui ，共找到 9 条记录

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

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构建手册。

界面UI组件与样式设计

nextlevelbuilder/ui-ux-pro-max-skill

这是一个用于创建美观、可访问且专业级用户界面的综合技能。它结合了基于Radix UI的shadcn/ui组件的模块化、Tailwind CSS的原子化样式能力，以及画布级的视觉设计系统。适用于构建完整的设计系统、实现响应式布局、管理主题（包括深色模式）和生成多应用的精美视觉资产。

Tinte：设计系统与主题管理工具

Tinte是一个原生的设计系统基础设施，负责从单一真相源头生成、编译和管理品牌设计系统。它维护着一套包含13个语义OKLCH色值的色板图谱，能够编译成shadcn/ui预设、VS Code主题、终端配置等多种格式。适用于确保产品UI的一致性、从图片中提取设计风格，并高效生成具有专业主题的代码预览。

网页构件生成器

web-artifacts-builder

sickn33/agentic-awesome-skills

用于构建强大前端claude.ai构件的技能，基于React 18、TypeScript、Vite、Parcel、Tailwind CSS和shadcn/ui。提供初始化、开发、打包和测试构件的脚本，并指导避免常见的AI风格设计问题。

1

语言