登录
下载

Skill UI

浏览并发现 10667+ 精选技能
全部 编程开发 人工智能 设计创意 产品商业 数据科学 市场营销 职场通用 效率工具 硬件工程 语言学习
搜索 Tailwind ，共找到 35 条记录
默认排序 最新上传 最多下载

网页工件构建器套件

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

AI网页工件构建器

web-artifacts-builder
sickn33/antigravity-awesome-skills
190
该工具提供了一个完整的流程，用于为AI平台构建强大的、自包含的前端工件。它基于React和TypeScript栈，支持使用Vite和Tailwind CSS开发复杂的用户界面。核心功能是将整个应用打包成一个单一的HTML文件，使其易于在AI对话中作为工件分享和预览。
查看详情

高转化落地页生成器

landing-page-generator
alirezarezvani/claude-skills
242
该工具能够生成完整的、生产级的落地页组件，采用Next.js/React和Tailwind CSS。它整合了AIDA、PAS等成熟文案框架，并优化了SEO和核心网页指标，适用于创建高转化率的营销首页、潜在客户捕获页或活动宣传页。
查看详情

SaaS 项目脚手架

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

Expo原生Tailwind CSS配置指南

expo-tailwind-setup
sickn33/antigravity-awesome-skills
189
本指南详细介绍了如何在Expo/React Native项目中配置Tailwind CSS v4。它结合了react-native-css和NativeWind v5，旨在实现跨平台（iOS/Android/Web）的通用化、实用型样式，帮助开发者构建现代化、一致的用户界面。
查看详情

全栈Rails项目脚手架搭建

new-rails-project
sickn33/antigravity-awesome-skills
230
本技能用于生成一个完整的、全栈式的现代化Rails项目脚手架。它配置了基于最佳实践的复杂技术栈，包括Rails 8、PostgreSQL、React、Inertia.js、Vite、Tailwind CSS、Sidekiq和Redis。适合需要从零开始构建复杂、生产级Web应用的开发者，确保代码结构、数据模型、后台任务和前端开发都遵循行业标准。
查看详情

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

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

React设计系统代码生成器

rayden-code
sickn33/antigravity-awesome-skills
78
本工具用于使用指定的Rayden UI组件库和Tailwind CSS，生成符合生产标准的React界面代码。它确保生成的代码严格遵守设计系统规范，涵盖了组件使用、设计令牌、属性校验和布局模式。非常适用于搭建仪表盘、登录表单、数据表格等复杂页面，保证界面美观和一致性。
查看详情

设计稿到模块化React组件

react-components
google-labs-code/stitch-skills
287
该技能旨在自动化将视觉设计稿（来自Stitch）转化为高质量、模块化的React和Vite组件。它严格遵循现代前端最佳实践，要求逻辑分离到自定义Hooks，将数据解耦到Mock Data层，并使用TypeScript保证类型安全。流程涵盖了自动化资源获取、样式映射（如Tailwind），并包含严格的验证周期，确保生成代码是可维护、可生产环境使用的。
查看详情

shadcn/ui组件集成指南

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

Figma设计到代码生成

anima-hello-world
jeremylongshore/claude-code-plugins-plus-skills
97
本技能利用Anima SDK，能够将Figma设计稿高效转换为生产级别的代码。支持React、Vue、纯HTML等多种主流框架，并集成Tailwind CSS样式。它帮助开发者将设计视觉流转为可用的代码组件，适用于前端开发和设计原型验证。
查看详情

Figma设计到代码自动生成

anima-webhooks-events
jeremylongshore/claude-code-plugins-plus-skills
141
本技能展示了如何使用Figma Webhooks搭建一个事件驱动的“设计到代码”工作流。当Figma设计文件发生版本更新时，系统能够自动捕获事件，并触发Anima服务，实时、自动化地重新生成高质量的组件代码（如React/TypeScript），适用于构建持续集成和设计流程。
查看详情
上一页123下一页
语言
简体中文
English