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

Skill UI

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

设计工程与交互动效

emil-design-eng
sickn33/agentic-awesome-skills
456
提供产品界面打磨与评审指导，涵盖动效、缓动、时长、物理感与交互反馈等细节，适用于 React、Tailwind、CSS 与 Framer Motion 前端实现。
查看详情

Expo中Tailwind CSS配置

expo-tailwind-setup
sickn33/agentic-awesome-skills
186
在Expo中使用react-native-css和NativeWind v5配置Tailwind CSS v4，实现iOS、Android和Web的通用样式。涵盖安装、Metro/PostCSS配置、全局CSS和可复用组件封装。
查看详情

前端暗色主题UI系统

frontend-ui-dark-ts
sickn33/agentic-awesome-skills
250
基于 React、Tailwind CSS 与 Framer Motion 的现代暗色主题 UI 系统，适用于仪表盘、后台管理面板和数据密集型应用，具有毛玻璃效果与精致动画。
查看详情

Magic UI 组件生成器

magic-ui-generator
sickn33/agentic-awesome-skills
218
借助 21st.dev 的 Magic 工具，为现代响应式界面生成、对比并集成多种生产级 UI 组件变体，融合 Shadcn UI、Magic UI、Tailwind CSS 等优质设计模式，供开发者择优选用。
查看详情

新建Rails项目配置

new-rails-project
sickn33/agentic-awesome-skills
371
使用定制技术栈创建新的Rails项目，包括PostgreSQL、Inertia.js、React、Vite、Tailwind CSS、Sidekiq和Redis。提供项目生成、约定、测试和验证的指导，适用于全新的Rails应用。
查看详情

React设计系统代码生成器

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

Next.js全栈开发工作流

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

构建Tailwind设计系统

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

Tailwind CSS v4 前端开发模式

tailwind-patterns
sickn33/agentic-awesome-skills
350
掌握现代 Tailwind CSS v4 开发，包括 CSS 优先配置、容器查询和设计令牌。学习响应式布局、暗色模式及组件提取策略，提升前端工程效率。
查看详情

StyleSeed UI 组件生成器

ui-component
sickn33/agentic-awesome-skills
475
此技能用于生成遵循 StyleSeed 设计规范的 UI 组件。它确保与 Tailwind v4、CVA 及无障碍标准保持一致。适用于在 React 项目中创建可复用的基础组件或模式。请勿用于全页面脚手架或非 StyleSeed 项目。
查看详情

设计系统配置向导

ui-setup
sickn33/agentic-awesome-skills
249
此技能提供交互式向导，分步配置项目的设计系统。引导用户选择应用类型、品牌颜色、设计概念、字体，并生成初始应用页面。支持 React 和 Tailwind-v4 栈，通过 StyleSeed 确保样式一致。适用于需要完整 UI 设置的新项目。
查看详情

网页构件生成器

web-artifacts-builder
sickn33/agentic-awesome-skills
380
用于构建强大前端claude.ai构件的技能，基于React 18、TypeScript、Vite、Parcel、Tailwind CSS和shadcn/ui。提供初始化、开发、打包和测试构件的脚本，并指导避免常见的AI风格设计问题。
查看详情
上一页12345下一页
语言
简体中文
English