带有标签“tailwind-css”的 Skills

ui-styling - 使用 shadcn/ui 和 Tailwind CSS 构建无障碍用户界面
UI样式 shadcn-ui tailwind-css radix-ui
★ 0 · 更新于 2026-09-22
提供用于构建无障碍响应式用户界面和设计系统的组件、实用类样式及 Canvas 视觉设计模式。
⚙ 安装 shadcn/ui 组件 ⚙ 使用 Tailwind CSS 设置界面样式 ⚙ 构建移动优先的响应式布局
React Frontend Development - 为Medellin Spark平台构建React前端组件
react typescript tailwind-css react-query
★ 18 · 更新于 2026-09-21
使用TypeScript、Tailwind CSS及React Query为Medellin Spark平台构建前端React组件。
⚙ 构建React UI组件 ⚙ 使用React Query管理状态 ⚙ 集成Supabase数据库查询
ui-design-brain - 生成生产级 UI 组件与 Web 界面。
UI设计组件库 React Tailwind-CSS
★ 885 · 更新于 2026-09-19
基于 60 个以上的 UI 组件模式提供规范指导，用于生成生产级的 Web 界面与前端代码。
⚙ 识别所需的 UI 组件 ⚙ 应用组件最佳实践 ⚙ 选择设计风格预设
ui-designer - 基于 React 与 Tailwind CSS 的 UI 设计工作流。
UI设计 React Tailwind CSS React Router
★ 0 · 更新于 2026-09-19
根据描述生成包含页面路由、弹窗交互与资源查看器的完整 React 和 Tailwind CSS 设计项目。
⚙ 收集 UI 设计需求 ⚙ 生成项目配置文件 ⚙ 生成 Design Tokens
react-strict-dom - Expo 项目的 React Strict DOM 配置指南
react-strict-dom expo babel postcss
★ 1 · 更新于 2026-09-19
为通用 Expo 应用配置 react-strict-dom，包含 Babel、PostCSS 及支持 CSS 的 HTML 组件。
⚙ 配置 Babel 预设 ⚙ 配置 PostCSS 插件 ⚙ 添加全局 CSS 指令
tailwind-patterns - Tailwind CSS v4 设计模式与核心原则
tailwind-css css 设计变量容器查询
★ 602 · 更新于 2026-09-17
提供 Tailwind CSS v4 核心原则、CSS 优先配置、容器查询、现代布局模式及设计 Token 架构指南。
⚙ 配置基于 CSS 的主题 ⚙ 应用原生容器查询 ⚙ 实现响应式设计模式
tailwind-design-system - 使用 Tailwind CSS v4 构建可扩展的设计系统。
tailwind-css 设计系统 css-v4 设计令牌
★ 0 · 更新于 2026-09-15
使用 Tailwind CSS v4 的纯 CSS 配置、设计令牌、组件变体与响应式模式构建生产级设计系统。
⚙ 使用 Tailwind v4 配置设计令牌 ⚙ 实现组件库与变体模式 ⚙ 设置基于类名的暗黑模式
navbar-animation1 - 桌面端与移动端导航栏动画模式
导航栏动画 react nextjs
★ 18 · 更新于 2026-09-14
提供基于 React 与 Tailwind CSS 的导航栏动画模式，包含滚动折叠、移动端抽屉滑入、交错动画及下划线悬停效果。
⚙ 实现滚动触发的导航栏折叠 ⚙ 实现点击汉堡按钮展开导航栏 ⚙ 实现移动端菜单抽屉滑入动画
monet - Monet 组件库集成
组件库 react typescript 落地页
★ 18 · 更新于 2026-09-14
从 monet MCP 服务端搜索、浏览并拉取预置的 React 和 TypeScript 落地页组件。
⚙ 搜索落地页组件 ⚙ 拉取组件代码至项目 ⚙ 列出可用组件分类
cosmosh-ui-patterns - Cosmosh UI 设计与交互工作流指南
cosmosh electron react tailwind-css
★ 7 · 更新于 2026-09-13
提供在 Cosmosh Electron 渲染器中实现、重构或审查 React、Tailwind 和 Radix UI 代码的工作流指南。
⚙ 实现 Cosmosh 渲染器 UI 组件 ⚙ 重构 React 与 Tailwind UI 代码 ⚙ 审查 Radix UI 包裹组件及布局
fluxui-development - 用于 Livewire 应用的 Flux UI 组件开发
fluxui livewire laravel tailwind-css
★ 0 · 更新于 2026-09-12
指导在 Livewire 应用中使用 Flux UI 组件、Tailwind CSS 样式及图标进行界面开发。
⚙ 开发 Livewire 界面组件 ⚙ 构建表单字段与模态框 ⚙ 集成 Heroicons 与 Lucide 图标
site-deploy - 构建、预览和部署 VisaJobs.xyz 网站。
eleventy tailwind-css github-pages pagefind
★ 7 · 更新于 2026-09-11
构建 Eleventy 静态页面、编译 Tailwind CSS、生成 Pagefind 搜索索引并将网站部署至 GitHub Pages。
⚙ 安装项目依赖 ⚙ 运行本地开发服务器 ⚙ 构建 Eleventy 静态网站
frontend - 基于 Next.js 与 React 的前端开发 Agent
前端 nextjs react typescript
★ 0 · 更新于 2026-09-10
用于实现或修改 Next.js/React UI、组件、Hook、路由、Tailwind 样式、API 集成及前端测试。
⚙ 实现 React UI 组件 ⚙ 创建自定义 React Hook ⚙ 通过 Axios 客户端集成 API
tailwind-design-system - 构建基于 Tailwind CSS 的生产级设计系统
tailwind-css 设计系统组件库设计令牌
★ 1 · 更新于 2026-09-10
使用 Tailwind CSS 构建包含设计令牌、组件变体、响应式模式与无障碍设计的生产级设计系统。
⚙ 使用 Tailwind 创建组件库 ⚙ 实现设计令牌与主题化 ⚙ 构建响应式与无障碍组件
modern-tailwind - Tailwind CSS 最佳实践
tailwind-css css ui
★ 1 · 更新于 2026-09-10
使用现代工具类与变体基于 Tailwind CSS 构建简洁且可扩展的用户界面。
⚙ 使用 Tailwind 工具类构建界面 ⚙ 应用响应式与状态变体 ⚙ 在配置文件中扩展主题
ui-skills - 前端界面开发与代码审查的 UI 质量规范约束
UI设计 Tailwind-CSS 代码审查无障碍
★ 2 · 更新于 2026-09-09
在构建或审查前端代码时强制执行可访问性、性能、动画、排版、布局和视觉设计等 UI 质量约束。
⚙ 使用 Tailwind CSS 构建前端界面 ⚙ 按质量约束审查 UI 代码 ⚙ 修复 UI 组件可访问性违规
ui-ux-design - 现代 UI/UX 设计原则与组件指南
UI设计 UX设计响应式设计无障碍访问
★ 0 · 更新于 2026-09-09
提供 UI/UX 设计原则、响应式布局、无障碍规范以及 Shadcn UI 与 Tailwind CSS 的集成指导。
⚙ 设计 Web 与移动用户界面 ⚙ 定义排版色彩与布局系统 ⚙ 实现移动优先响应式布局
apply-design-system - 正确应用设计 Token 和系统样式规范
设计系统 Tailwind CSS 设计 Token 前端
★ 0 · 更新于 2026-09-09
提供应用语义化设计 Token、排版、间距及布局样式的规范指导与标准模式。
⚙ 应用语义化设计 Token ⚙ 实现响应式布局模式 ⚙ 使用 cn 合并类名
ui-design - 构建更好界面的UI设计约束
ui设计 tailwind-css 可访问性动画
★ 1 · 更新于 2026-03-11
为使用Tailwind CSS、motion/react和可访问基元构建更好界面提供约束规则
⚙ 构建UI组件 ⚙ 实现动画 ⚙ 设计布局
frontend-style-layout - Tailwind v4 前端样式与布局模式
前端 Tailwind CSS 布局响应式设计
★ 1 · 更新于 2026-03-10
使用 Tailwind v4 应用一致的样式和布局模式
⚙ 应用 Tailwind v4 类 ⚙ 构建页面布局 ⚙ 选择间距方法

Scroll to load more