带有标签“响应式设计”的 Skills

findmydoc-design-planner - findmydoc UI 设计规划包生成器
设计规划 UI 原型 findmydoc 图像生成
★ 6 · 更新于 2026-06-30
基于代码仓库为 findmydoc 创建设计规划包，包含生成的图像原型、独立场景文件夹、用户旅程、Mermaid 流程图、数据模型笔记、组件计划和可评审的需求文档。
⚙ 创建场景文件夹结构 ⚙ 生成移动端平板端桌面端原型图 ⚙ 捕获 Playwright 或 Storybook 截图
ckm:ui-styling - 使用 shadcn/ui 与 Tailwind CSS 构建无障碍界面
UI shadcn/ui Tailwind 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 卡片布局 ⚙ 创建仪表盘网格布局 ⚙ 构建可排序数据表格
ckm:ui-styling - UI样式设计与shadcn/ui组件库
UI 样式组件 Tailwind CSS
★ 7 · 更新于 2026-06-30
使用shadcn/ui组件、Tailwind CSS实用样式和画布视觉设计创建可访问的用户界面
⚙ 创建UI组件 ⚙ 样式化界面 ⚙ 构建布局
frontend-ui-engineering - 构建生产级前端界面
前端 UI 界面设计响应式设计
★ 44 · 更新于 2026-06-15
构建、修改或审查面向用户的界面、响应式状态、无障碍访问、视觉保真度、功能测试、探索性测试和前端打磨。
⚙ 构建用户界面 ⚙ 修改UI代码 ⚙ 审查前端代码
ui-ux-designer - 专家级UI/UX设计师提供可访问的设计系统服务
设计系统可访问性 UI/UX Figma
★ 602 · 更新于 2026-06-15
创建界面设计、线框图、设计系统和可访问的用户体验
⚙ 创建设计令牌 ⚙ 设计组件 ⚙ 构建设计系统
ui-styling - 使用 Shadcn 和 Tailwind 构建美观可访问的 UI
UI 样式 Tailwind CSS shadcn/ui
★ 602 · 更新于 2026-06-15
使用 shadcn/ui 组件、Tailwind CSS 实用程序样式和基于画布的视觉设计创建美观可访问的 UI。
⚙ 创建用户界面 ⚙ 使用 Tailwind CSS 样式 ⚙ 添加可访问组件
ck:ui-styling - 基于 Shadcn/ui 组件与 Tailwind CSS 的 UI 样式
UI 样式 shadcn/ui Tailwind CSS 响应式设计
★ 602 · 更新于 2026-06-15
使用 shadcn/ui、Tailwind CSS 和基于画布的设计系统创建可访问的 UI 组件与布局。
⚙ 安装 shadcn/ui 组件 ⚙ 添加 Tailwind CSS 工具类 ⚙ 配置深色模式主题
ui-ux-designer - 数字化产品UI/UX设计专家
设计系统无障碍用户研究原型设计
★ 0 · 更新于 2026-06-15
创建界面设计、线框图和设计系统，符合无障碍标准
⚙ 创建设计系统 ⚙ 管理设计令牌 ⚙ 设计组件库
tamagui - 通用 React UI 框架，支持跨平台应用
React UI 框架跨平台样式组件
★ 14,205 · 更新于 2026-06-15
使用样式组件、设计令牌、主题和动画构建跨平台 React 应用
⚙ 创建样式组件 ⚙ 使用设计令牌 ⚙ 配置主题
visual-qa - 使用视觉模型审查截图
设计审查质量保证视觉检查截图分析
★ 179 · 更新于 2026-06-15
使用视觉模型分析截图中的设计质量问题
⚙ 捕获截图 ⚙ 分析截图 ⚙ 检查间距
frontend-master - 独特设计的前端页面开发工具
前端开发 UI设计网页开发代码生成
★ 4 · 更新于 2026-05-28
智能分析技术栈，生成独特设计美感的前端页面，自动保持项目一致性
⚙ 分析项目技术栈 ⚙ 检测框架 ⚙ 扫描CSS文件
Frontend Design - 构建生产级前端界面
前端界面设计响应式设计 Web组件
★ 17 · 更新于 2026-05-28
设计和实现响应式、可访问的前端界面，支持设计系统和深色模式
⚙ 分析需求 ⚙ 定义设计令牌 ⚙ 构建组件
design-guide - 现代UI设计指南
UI设计设计系统前端开发 CSS
★ 0 · 更新于 2026-05-28
应用现代UI设计原则和指南，为各类前端框架构建简洁、专业的界面
⚙ 应用设计原则 ⚙ 定义颜色系统 ⚙ 设置间距系统
frontend-design - 生产级前端界面设计
前端网页开发用户界面用户体验
★ 24 · 更新于 2026-05-11
创建具有高质量设计的独特生产级前端界面
⚙ 创建网页组件 ⚙ 开发网页应用 ⚙ 设计视觉作品
Frontend Verification & Testing - 使用Chrome DevTools验证Angular 18前端
angular 前端测试验证 chrome devtools
★ 18 · 更新于 2026-05-11
使用Chrome DevTools MCP验证Angular 18前端 - 检查控制台、网络请求和视觉渲染
⚙ 列出打开的页面 ⚙ 导航到URL ⚙ 等待文本
tailwindcss - Tailwind CSS 框架
CSS 框架实用优先响应式设计
★ 11 · 更新于 2026-05-11
使用工具类和主题变量构建自定义用户界面的实用优先CSS框架
⚙ 安装框架 ⚙ 应用工具类 ⚙ 定制主题
ai-ui-generation - AI 辅助 Web UI 生成与集成工作流
Web UI 生成 AI 设计工具代码集成 React
★ 4 · 更新于 2026-05-09
使用外部工具进行 AI 辅助 Web UI 生成与集成的工作流
⚙ 使用外部 AI 工具生成 UI ⚙ 将生成的代码导入代码库 ⚙ 将线框图转换为应用结构
tailwindcss - Tailwind CSS v4 实用样式工具
CSS 框架实用类响应式设计暗色模式
★ 0 · 更新于 2026-05-09
应用实用优先的 CSS 样式，支持响应式设计、暗色模式和自定义主题配置
⚙ 应用实用类 ⚙ 配置主题 ⚙ 设置暗色模式
frontend-developer - 前端开发专家
前端开发 Web开发 React Vue
★ 24 · 更新于 2026-03-26
专注于现代Web技术和性能优化的前端开发专家
⚙ 构建编辑器扩展 ⚙ 实现WebSocket桥接 ⚙ 处理编辑器协议URI

Scroll to load more