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

responsive-craft - 实现跨多视口与断点的响应式网页布局
响应式设计 CSS 移动端优先视口预览
★ 76 · 更新于 2026-09-23
通过审计现有站点、构建移动优先布局以及启动多断点预览来实现响应式网页设计。
⚙ 审计现有响应式布局 ⚙ 构建移动端优先的响应式布局 ⚙ 启动实时多断点预览
web-design-standards-review - Web 设计标准审查
Web标准 CSS 无障碍响应式设计
★ 0 · 更新于 2026-09-20
基于 W3C/WHATWG 标准及 MDN、web.dev 和 WAI 指导评估并应用 Web UI 设计与实现原则。
⚙ 定义 Web UI 设计原则 ⚙ 审查响应式布局 ⚙ 应用特性检测
design-spec - 面向开发交接创建 UI/UX 设计规范文档
设计规范 UI/UX 组件清单设计 Token
★ 18 · 更新于 2026-09-20
从需求、PBI 或视觉输入中生成包含组件清单、设计 Token、交互状态与响应式断点的结构化 UI/UX 设计规范文档。
⚙ 提取输入中的 UI 需求 ⚙ 构建 UI 组件清单 ⚙ 定义元素交互状态
audit - 运行技术质量检查并生成评分审计报告
审计无障碍性能主题化
★ 0 · 更新于 2026-09-19
针对无障碍、性能、主题化、响应式设计及反模式运行技术质量检查并生成评分报告。
⚙ 审计无障碍合规性 ⚙ 评估代码执行性能 ⚙ 检查设计令牌实现
h-frontend-design - 前端 UI/UX 设计参考与指导
前端 UI设计 UX设计字体
★ 0 · 更新于 2026-09-19
针对项目编写的 UI 提供涵盖字体、颜色、空间布局、动效、交互、响应式设计及 UX 文本的指导。
⚙ 建立项目上下文与约束 ⚙ 提供字体设计指导 ⚙ 提供颜色与对比度指导
Maple CSS Engine - 变量优先且无技术栈限制的运行时 CSS 引擎
css 样式 maple-css 响应式设计
★ 34 · 更新于 2026-09-18
指导 AI 助手根据 Maple CSS 引擎的语法与参考文档编写响应式界面样式。
⚙ 查阅 Maple 参考文档 ⚙ 编写 Maple 实用类名 ⚙ 定义作用域 CSS 变量
tailwind-patterns - Tailwind CSS v4 设计模式与核心原则
tailwind-css css 设计变量容器查询
★ 602 · 更新于 2026-09-17
提供 Tailwind CSS v4 核心原则、CSS 优先配置、容器查询、现代布局模式及设计 Token 架构指南。
⚙ 配置基于 CSS 的主题 ⚙ 应用原生容器查询 ⚙ 实现响应式设计模式
audit - 全面审计界面质量与合规性
审计可访问性性能主题
★ 1 · 更新于 2026-09-16
审计界面在可访问性、性能、主题、响应式设计及反模式方面的质量问题并生成带有建议修复命令的报告。
⚙ 扫描可访问性合规问题 ⚙ 检查界面性能瓶颈 ⚙ 审查主题令牌使用
QE Visual Accessibility - 视觉回归、响应式设计及 WCAG 无障碍合规性测试
视觉测试无障碍 wcag 响应式设计
★ 1 · 更新于 2026-09-15
提供视觉回归测试、响应式设计验证以及 WCAG 2.2 无障碍合规性检查功能。
⚙ 比较截图进行视觉回归测试 ⚙ 验证多视口的响应式设计 ⚙ 审计 WCAG 无障碍合规性
tailwindcss-development - Tailwind CSS 开发
tailwindcss css 样式开发响应式设计
★ 1 · 更新于 2026-09-13
使用 Tailwind CSS v4 工具类为应用编写样式，指导响应式设计、暗色模式、布局与组件开发。
⚙ 添加组件或页面样式 ⚙ 实现响应式设计 ⚙ 实现暗色模式
responsive-web-design - 响应式网页设计
css 响应式设计 flexbox css-grid
★ 602 · 更新于 2026-09-11
采用移动优先方法，使用 Flexbox、CSS Grid 和媒体查询构建自适应 Web 界面。
⚙ 构建自适应 Web 界面 ⚙ 实现移动优先媒体查询 ⚙ 创建弹性网格布局
website-building - 构建并交付简单且快速加载的小型网站
网站构建静态网站前端响应式设计
★ 7 · 更新于 2026-09-10
使用最适合的简单技术栈，构建并交付加载速度快、易于更新的小型网站。
⚙ 选择最简适配的技术栈 ⚙ 优先编写内容再开展设计 ⚙ 构建语义化 HTML 结构
_responsive-desktop-design - 在 UI 工作中应用响应式桌面设计规范
ui 响应式设计桌面端 thoughtbase
★ 0 · 更新于 2026-09-10
在 UI 开发过程中应用 Thoughtbase 响应式桌面设计规范的内部流程。
⚙ 识别移动端布局被拉伸的问题 ⚙ 应用响应式桌面设计规范 ⚙ 在浏览器中验证渲染后的 UI
ui-ux-design - 现代 UI/UX 设计原则与组件指南
UI设计 UX设计响应式设计无障碍访问
★ 0 · 更新于 2026-09-09
提供 UI/UX 设计原则、响应式布局、无障碍规范以及 Shadcn UI 与 Tailwind CSS 的集成指导。
⚙ 设计 Web 与移动用户界面 ⚙ 定义排版色彩与布局系统 ⚙ 实现移动优先响应式布局
ui-ux-design-system - 构建可访问的UI/UX设计系统
UI/UX设计组件库设计令牌深色模式
★ 57 · 更新于 2026-03-25
为SaaS应用创建优质可访问的UI/UX设计系统，包含设计令牌、组件架构、深色模式和动画
⚙ 创建设计令牌 ⚙ 构建组件库 ⚙ 实现深色模式
frontend-style-layout - Tailwind v4 前端样式与布局模式
前端 Tailwind CSS 布局响应式设计
★ 1 · 更新于 2026-03-10
使用 Tailwind v4 应用一致的样式和布局模式
⚙ 应用 Tailwind v4 类 ⚙ 构建页面布局 ⚙ 选择间距方法
ui-clone - 从截图或参考网页实现像素级UI复制
UI复制前端开发 nextjs tailwind-css
★ 602 · 更新于 2026-03-09
在Next.js App Router项目中以像素级精度复制UI设计
⚙ 分析UI截图 ⚙ 分解设计结构 ⚙ 生成视觉规范
frontend-ui - 使用React 19和Tailwind 4进行前端UI开发
前端 react UI开发 typescript
★ 18 · 更新于 2026-02-15
处理src/react-app目录中的前端UI特定模式
⚙ 读取源文件 ⚙ 编辑代码文件 ⚙ 编写新组件
frontend-pages-and-components - 使用可复用组件构建可扩展的前端页面
前端 Web开发组件化用户界面
★ 0 · 更新于 2026-02-13
使用可复用组件、简洁布局和现代化样式构建完整的前端页面
⚙ 创建语义化HTML布局 ⚙ 开发可复用的UI组件 ⚙ 实现响应式网格系统