带有标签“tailwind”的 Skills

avoid-ai-design - 审查并重写前端 UI 以消除 AI 设计模式
设计用户界面前端 AI模式消除
★ 79 · 更新于 2026-09-22
审查并重写 HTML/CSS 和 React/Tailwind 前端 UI，消除通用 AI 设计模式，并支持仅检测模式。
⚙ 审查前端代码中的 AI 模式 ⚙ 在可用时渲染 UI 预览 ⚙ 确定统一的设计方向
add-design-library-item - 向设计模式库添加新项目
设计系统原子组件 React Native Tailwind
★ 0 · 更新于 2026-09-21
在产品代码使用前创建原子、变体或 Token 等设计库项，配置画廊条目与测试，并完成构建验证。
⚙ 确认不存在已有库项目 ⚙ 创建新原子组件 ⚙ 添加原子变体
ui-ux-pro-max - UI/UX Pro Max 设计智能
ui-ux 设计系统前端 tailwind
★ 602 · 更新于 2026-09-20
提供 UI 风格、配色方案、字体组合、图表推荐、UX 最佳实践及前端技术栈规范的检索与设计指导。
⚙ 检索 UI 风格指南 ⚙ 检索配色方案 ⚙ 检索字体组合
frontend - HARP React 前端开发指南
react typescript 前端开发 zustand
★ 6 · 更新于 2026-09-18
提供基于 React 19、TypeScript、Vite 和 Tailwind v4 的 HARP 前端开发指南，规范页面、组件、状态与路由开发。
⚙ 生成 React 前端页面 ⚙ 添加 UI 组件 ⚙ 创建 Zustand 状态仓库
ui-styling-assistant - 基于通用设计系统 Token 的 UI 样式助手
css 样式设计 Token tailwind
★ 3 · 更新于 2026-09-17
使用通用设计系统 Token 提供包含暗色模式变体、响应式断点及框架输出支持的 CSS 代码片段。
⚙ 生成 CSS 代码片段 ⚙ 提供通用设计系统 Token ⚙ 输出 Tailwind CSS 工具类
zag-compound-components - @techsio/ui-kit 的 Zag 复合组件规范
zag-js react ui-kit 复合组件
★ 2 · 更新于 2026-09-16
用于使用 Zag.js、React 上下文和数据属性状态样式创建与重构 @techsio/ui-kit 交互组件的规范说明。
⚙ 构建基于 Zag 的复合交互组件 ⚙ 将 Zag 状态机与 React 连接 ⚙ 直接挂载复合子组件到根组件
shadcn-ui - 为 React 项目安装和配置 shadcn/ui 组件。
shadcn-ui react UI组件 tailwind
★ 0 · 更新于 2026-09-16
为 React 项目安装和配置 shadcn/ui 组件，包含安装顺序、自定义及常见 UI 模式。
⚙ 安装基础与功能组件 ⚙ 管理组件安装顺序 ⚙ 使用语义 Token 自定义组件
tailwind-v4-expert - Tailwind CSS v4 Web 应用开发与配置专家
tailwind css oxide postcss
★ 9 · 更新于 2026-09-15
提供基于 Tailwind CSS v4、Oxide 引擎及 CSS 优先配置开发 Web 应用的指导与范式。
⚙ 配置 CSS 优先设计系统 ⚙ 配置 Tailwind Vite 插件 ⚙ 实现容器查询
spacing - 统一的布局与组件间距系统规范
间距布局网格 Tailwind
★ 1 · 更新于 2026-09-15
基于4px与8px网格系统，定义并强制执行响应式布局与组件的间距规则。
⚙ 执行4px与8px网格比例 ⚙ 应用响应式内边距与外边距规则 ⚙ 规范区块与卡片布局间距
astro-components - 面向 Astro 线索收集网站的 UI 组件库
astro ui-components tailwind 前端组件
★ 4 · 更新于 2026-09-13
基于 Tailwind 与设计令牌，提供包括按钮、输入框、卡片、徽章、警告框和图标在内的可复用 Astro UI 组件。
⚙ 提供可复用的 UI 组件 ⚙ 渲染基于设计令牌的按钮 ⚙ 渲染无障碍表单输入框
uncodixify - React 与 Tailwind UI 的设计约束与审查循环
react tailwind ui审查前端
★ 31 · 更新于 2026-09-11
为 React 和 Tailwind UI 组件提供反模板设计约束与自动化审查循环。
⚙ 审查 React 与 Tailwind UI ⚙ 校验组件设计约束 ⚙ 构建脚手架评估迭代
react-components - Web 应用的 React 与 UI 组件开发规范
react 前端 mui tailwind
★ 0 · 更新于 2026-09-11
提供用于构建和编辑 React 组件的规范，涵盖结构、主题配色、记忆化、筛选状态及西班牙语界面文本。
⚙ 构建 React 组件 ⚙ 编辑 React 组件 ⚙ 应用主题颜色与样式
create-page - 基于 Clean Architecture 模式创建 Next.js 页面
nextjs typescript clean-architecture supabase
★ 0 · 更新于 2026-09-10
遵循 Clean Architecture 模式（Repository、Presenter、View）在 Next.js 中创建新页面、特性或模块。
⚙ 定义 Repository 接口契约 ⚙ 实现 Mock Repository ⚙ 创建 Server Component 页面
css-to-tailwind - 将 CSS 文件转换为 Tailwind 工具类
css tailwind 转换器代码重构
★ 0 · 更新于 2026-09-09
将 CSS 文件、复杂选择器和媒体查询转换为 Tailwind 工具类。
⚙ 转换 CSS 规则为 Tailwind 工具类 ⚙ 处理响应式断点 ⚙ 转换 CSS 变量为主题标记
design-context-extract - 从截图或 URL 提取设计令牌
设计令牌颜色字体间距
★ 128 · 更新于 2026-06-30
从截图或 URL 提取设计令牌，包括颜色、字体、间距和组件
⚙ 读取图片 ⚙ 获取 URL ⚙ 提取颜色
rails-design-system - Rails 设计系统指南
rails 设计系统前端 tailwind
★ 159 · 更新于 2026-06-15
构建 Rails UI 组件的设计系统指南
⚙ 应用设计规则 ⚙ 定义设计令牌 ⚙ 提取部分视图
link - wellness-link 全栈 monorepo 专家
全栈 monorepo react bun
★ 602 · 更新于 2026-03-26
在 monorepo 中处理跨 web（React 19 + Tailwind）和 API（Bun + Elysia）包的全栈功能
⚙ 开发全栈功能 ⚙ 实现 API 端点 ⚙ 创建数据库迁移
artifacts-builder - 使用React和Tailwind CSS构建复杂前端工件
前端 react tailwind html-工件
★ 18 · 更新于 2026-02-23
使用现代前端Web技术创建复杂多组件HTML工件的工具集
⚙ 初始化React TypeScript项目 ⚙ 配置Tailwind CSS和shadcn/ui ⚙ 打包成单个HTML文件
frontend-shadcn - 使用ShadCN/UI和Tailwind CSS的现代React前端开发
前端 react typescript tailwind
★ 1 · 更新于 2026-02-18
使用Vite + React 19 + shadcn/ui + Tailwind CSS v4 + React Router v7进行前端开发，用于创建Web应用
⚙ 添加UI组件 ⚙ 运行开发服务器 ⚙ 检查TypeScript类型
frontend-design - 为Bookkeep构建电影级暗色主题前端界面
前端 UI设计 React Tailwind
★ 81 · 更新于 2026-02-17
使用电影级暗色主题和宝石色调创建生产级前端界面
⚙ 构建毛玻璃效果组件 ⚙ 实现电影级暗色主题 ⚙ 创建交互式卡片布局

Scroll to load more