下载

Skill UI

浏览并发现 10585+ 精选技能

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

搜索 Tailwind ，共找到 35 条记录

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

Claude 作品构建器

artifacts-builder

ComposioHQ/awesome-claude-skills

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

调色板策展助手

davepoon/buildwithclaude

辅助设计师浏览 Coolors 热门调色板，提取色值并映射到 Tailwind 配置；浏览器不可用时提供备选调色方案，同时给出对比度与色彩角色建议，确保前端视觉一致。

AI多文件代码工作流管理

cursor-composer-workflows

jeremylongshore/claude-code-plugins-plus-skills

这是一个强大的AI编程助手，专注于处理跨越多个文件的复杂、系统性代码任务。它支持AI根据现有代码模式，一次性完成完整功能的脚手架搭建、代码重构、API生成、测试编写和技术栈迁移（如CSS模块到Tailwind）。它能协调多个文件间的修改，并提供完整的Diff预览，确保开发流程的连贯性和准确性。

前端设计向导

davepoon/buildwithclaude

通过探索、研究、情绪板、配色与排印，并生成 Tailwind 样式代码，帮助打造兼顾个性与可访问性的前端成品。

React组件脚手架构建器

frontend-mobile-development-component-scaffold

sickn33/antigravity-awesome-skills

这是一个专业的React/React Native组件脚手架专家。它可以根据需求自动生成高质量、可访问、高性能的完整组件代码。生成的代码结构完整，包含TypeScript类型定义、单元测试、样式实现和最佳实践支持，帮助开发者快速搭建健壮的前端组件库。

深色主题 React UI 组件库

frontend-ui-dark-ts

sickn33/antigravity-awesome-skills

这是一个使用 React、Tailwind CSS 和 Framer Motion 构建的现代化深色主题UI组件系统。它提供了一套全面的组件和设计风格，非常适合开发专业的数据仪表盘、管理后台和数据密集型应用。内置了玻璃拟态和细腻动画效果，显著提升用户体验。

Next.js全栈开发工作流

react-nextjs-development

sickn33/antigravity-awesome-skills

本工作流提供了一个完整的全栈开发指南，专注于使用 Next.js 14+、React 和 TypeScript 构建现代高性能应用。它涵盖了从项目搭建、组件设计、数据流处理（包括Server Components）、Tailwind CSS美化，到高级测试和部署优化的所有环节，确保构建出生产级的复杂Web应用。

高级前端开发工作流优化

senior-frontend

alirezarezvani/claude-skills

该技能涵盖使用React、Next.js、TypeScript和Tailwind CSS的现代前端开发全流程。提供自动化项目脚手架、组件生成和包体积分析，帮助开发者确保代码结构最佳实践、高性能和高可维护性，是构建大型Web应用的必备能力。

Tailwind 类名优化器

tailwind-class-optimizer

jeremylongshore/claude-code-plugins-plus-skills

为前端开发者自动优化 Tailwind 类名，提供最佳实践、校验样式、生成兼容 React/Vue 的高性能可访问性代码，提升构建效率。

构建Tailwind设计系统

tailwind-design-system

sickn33/antigravity-awesome-skills

本技能用于指导使用Tailwind CSS构建专业级设计系统。它涵盖设计令牌（tokens）、组件变体、响应式模式和可访问性等高级主题。适用于构建组件库、实现主题化，或需要跨代码库统一用户界面（UI）模式的场景。

Tailwind CSS v4 进阶模式

tailwind-patterns

sickn33/antigravity-awesome-skills

本指南深入讲解了基于 Tailwind CSS v4 的现代工具类 CSS 最佳实践。内容涵盖从 CSS-first 配置到设计令牌架构，包括容器查询、响应式设计、深色模式切换以及复杂的 Flex/Grid 布局模式，帮助开发者构建高效、组件化的现代用户界面。

排版字体助手

typography-selector

davepoon/buildwithclaude

辅助浏览 Google 字体、记录流行字体、推荐搭配，并输出导入代码与 Tailwind 配置，让前端团队快速敲定排版系统。

语言