带有该标签的 Skills：Tailwind CSS

• Frontend Next.js & Shadcn - Next.js 与 Shadcn UI 前端工程化规范

  Next.jsShadcn UITailwind CSSReact

  ★ 0 · 更新于 2026-09-21

  提供基于 React、Next.js App Router、Tailwind CSS 与 Shadcn UI 的前端项目工程规范与 Apple 风格设计指南。

  ⚙ 搭建 Next.js App Router 架构⚙ 配置 Tailwind CSS 及 CSS 变量⚙ 集成 Shadcn UI 组件
• tailwindcss-framework-integration - Tailwind CSS 与 React、Vue、Next.js 等框架集成指南

  Tailwind CSSReactVueNext.js

  ★ 38 · 更新于 2026-06-30

  提供 Tailwind CSS 与 React、Vue、Next.js、Svelte、Angular、Astro、Remix 等框架集成的分框架配置步骤、内容配置、暗色模式设置及类名合并方案。

  ⚙ 安装 Tailwind CSS 依赖包⚙ 配置 Vite 或 PostCSS 插件⚙ 导入 Tailwind CSS 样式表
• ckm:ui-styling - 使用 shadcn/ui 与 Tailwind CSS 构建无障碍界面

  UIshadcn/uiTailwind CSS无障碍

  ★ 18 · 更新于 2026-06-30

  使用 shadcn/ui 组件、Tailwind CSS 工具类样式和基于画布的视觉设计系统创建无障碍用户界面。

  ⚙ 安装 shadcn/ui 组件⚙ 应用 Tailwind CSS 工具类⚙ 创建响应式布局
• dashboard-design - 设计高效仪表盘：KPI 卡片、数据表格与实时更新

  仪表盘设计UI 组件数据可视化管理面板

  ★ 602 · 更新于 2026-06-30

  使用 React 和 Tailwind CSS 设计仪表盘，涵盖 KPI 展示、可排序数据表格和实时更新模式。

  ⚙ 设计 KPI 卡片布局⚙ 创建仪表盘网格布局⚙ 构建可排序数据表格
• tailwindcss-effects - Tailwind CSS v4.1 视觉效果工具

  Tailwind CSS视觉效果样式CSS工具

  ★ 27 · 更新于 2026-06-30

  为元素添加阴影、滤镜、蒙版等视觉效果

  ⚙ 应用阴影⚙ 设置阴影颜色⚙ 应用内阴影
• ckm:ui-styling - UI样式设计与shadcn/ui组件库

  UI样式组件Tailwind CSS

  ★ 10 · 更新于 2026-06-30

  使用shadcn/ui组件、Tailwind CSS实用样式和画布视觉设计创建可访问的用户界面

  ⚙ 创建UI组件⚙ 样式化界面⚙ 构建布局
• shadcn-ui-expert - shadcn-ui React 组件专家

  ReactUI 组件shadcn-uiTailwind CSS

  ★ 602 · 更新于 2026-06-30

  使用 shadcn-ui、Tailwind CSS 和 Radix UI 构建可访问的 React 组件

  ⚙ 安装 shadcn-ui 组件⚙ 创建表单组件⚙ 选择 UI 组件
• tailwind-shadcn-setup - Next.js的Tailwind和shadcn/ui设置

  Tailwind CSSshadcn/uiNext.jsUI组件

  ★ 18 · 更新于 2026-06-15

  在Next.js项目中安装和配置Tailwind CSS和shadcn/ui

  ⚙ 安装Tailwind CSS⚙ 配置Tailwind CSS⚙ 初始化shadcn/ui
• ui-styling - 使用 Shadcn 和 Tailwind 构建美观可访问的 UI

  UI样式Tailwind CSSshadcn/ui

  ★ 602 · 更新于 2026-06-15

  使用 shadcn/ui 组件、Tailwind CSS 实用程序样式和基于画布的视觉设计创建美观可访问的 UI。

  ⚙ 创建用户界面⚙ 使用 Tailwind CSS 样式⚙ 添加可访问组件
• ck:ui-styling - 基于 Shadcn/ui 组件与 Tailwind CSS 的 UI 样式

  UI 样式shadcn/uiTailwind CSS响应式设计

  ★ 602 · 更新于 2026-06-15

  使用 shadcn/ui、Tailwind CSS 和基于画布的设计系统创建可访问的 UI 组件与布局。

  ⚙ 安装 shadcn/ui 组件⚙ 添加 Tailwind CSS 工具类⚙ 配置深色模式主题
• portfolio-frontend-design - Portfolio 前端设计系统

  设计系统前端开发ReactTailwind CSS

  ★ 18 · 更新于 2026-06-15

  使用 React 和 Tailwind 创建 portfolio 界面的设计系统

  ⚙ 创建 UI 组件⚙ 复制模板⚙ 应用设计令牌
• setup-design-system - 初始化可访问的设计系统和UI组件

  设计系统UI 组件Tailwind CSSshadcn/ui

  ★ 8 · 更新于 2026-05-28

  初始化设计系统或创建UI组件，支持可访问性、Tailwind/shadcn集成和文档。

  ⚙ 验证功能分支⚙ 评估当前状态⚙ 设置设计令牌
• figma - Figma 双向设计技能

  Figma设计Vue 3shadcn-vue

  ★ 2 · 更新于 2026-05-28

  读取 Figma 设计并将组件、页面和设计令牌写回 Figma

  ⚙ 读取设计上下文⚙ 获取变量定义⚙ 搜索设计系统
• setup-design-system - 初始化可访问的设计系统

  设计系统UI组件Tailwind CSS可访问性

  ★ 602 · 更新于 2026-05-28

  初始化或扩建设计系统，包含可访问UI组件、Tailwind/shadcn集成和文档。

  ⚙ 验证功能分支⚙ 评估当前状态⚙ 创建设计令牌
• ai-website-builder - 使用 Vite + Tailwind 创建静态网站

  静态网站ViteTailwind CSSGitHub Pages

  ★ 0 · 更新于 2026-05-28

  帮助非技术用户使用 Vite 和 Tailwind CSS 创建和部署静态网站

  ⚙ 创建网站⚙ 编辑网页⚙ 更新内容
• ai-website-builder - 面向非技术用户的 AI 静态网站构建工具

  Web 开发静态网站网站构建Vite

  ★ 56 · 更新于 2026-05-28

  使用 Vite + Tailwind CSS 构建和更新静态网站

  ⚙ 创建网站⚙ 编辑网页⚙ 更新内容
• 21st-ui - 浏览和安装React UI组件及标识

  ReactNext.jsTailwind CSSUI组件

  ★ 1 · 更新于 2026-03-24

  浏览、检查和安装React UI组件及品牌SVG标识

  ⚙ 浏览UI组件⚙ 检查组件⚙ 搜索品牌标识
• code-architecture-tailwind-v4-best-practices - Tailwind CSS v4 组件模式指南

  Tailwind CSS组件架构样式配置

  ★ 281 · 更新于 2026-03-24

  指导 Tailwind CSS v4 组件模式和抽象决策

  ⚙ 配置 Tailwind v4 主题⚙ 创建按钮变体⚙ 应用 CSS 优先配置
• tailwind - Tailwind CSS v4 最佳实践指南

  Tailwind CSSCSS 框架性能优化响应式设计

  ★ 57 · 更新于 2026-03-23

  提供8个类别共42条最佳实践，优化Tailwind CSS v4构建性能和代码质量

  ⚙ 配置 Tailwind CSS v4⚙ 编写 CSS-first 样式⚙ 优化 CSS 打包体积
• redesign-my-landingpage - 构建高转化落地页

  落地页前端开发Reactshadcn/ui

  ★ 141 · 更新于 2026-03-23

  使用 React + Vite + TypeScript + Tailwind 和 shadcn/ui 组件构建、评估和迭代落地页

  ⚙ 创建导航栏⚙ 设计页头区域⚙ 添加社会证明

Scroll to load more