带有标签“响应式”的 Skills

adapt - 跨屏幕尺寸、设备与平台适配设计。
设计响应式适配跨平台
★ 0 · 更新于 2026-09-18
针对不同的屏幕尺寸、设备、平台或使用场景，调整已有的设计、布局、导航和交互。
⚙ 评估设计适配挑战 ⚙ 规划场景适配策略 ⚙ 实现响应式布局适配
design - Flutter UI 组件与主题的设计系统指南
flutter ui 设计系统主题配置
★ 0 · 更新于 2026-09-11
提供用于实现 Flutter UI 组件、自定义主题、响应式布局、无障碍功能及网络媒体错误处理的指南。
⚙ 实现 Flutter UI 组件 ⚙ 配置应用主题扩展 ⚙ 构建响应式屏幕布局
frontend-ui-engineering - 前端 UI 工程
前端 ui web 设计系统
★ 25 · 更新于 2026-09-10
构建与优化 Web UI，涵盖组件结构、响应式布局、设计令牌、状态管理及可访问性。
⚙ 盘点现有组件与设计令牌 ⚙ 构建语义化 HTML 组件 ⚙ 实现响应式布局
ui-styling - shadcn/ui 和 Tailwind UI 样式
样式系统 UI 组件响应式暗色模式
★ 0 · 更新于 2026-06-30
使用 shadcn/ui、Tailwind CSS 和 canvas 创建可访问 UI
⚙ 构建 UI 组件 ⚙ 创建布局 ⚙ CSS 样式化
bootstrap5-ui - Bootstrap 5 UI 开发模式
bootstrap ui razor 响应式
★ 9 · 更新于 2026-06-30
使用 Bootstrap 5.3 为 HTML 和 ASP.NET Core Razor Pages 构建响应式 Web UI
⚙ 创建响应式布局 ⚙ 构建导航栏 ⚙ 设计表单组件
Frontend Design - 设计生产就绪的前端界面
前端设计系统响应式可访问性
★ 19 · 更新于 2026-05-28
使用设计系统和暗色模式支持，设计和构建响应式可访问的前端界面。
⚙ 分析需求 ⚙ 定义设计token ⚙ 构建组件变体
Frontend Design - 设计生产就绪的前端界面
前端网页设计响应式可访问性
★ 92 · 更新于 2026-05-28
使用设计系统和可访问性标准构建响应式前端界面
⚙ 实现语义HTML ⚙ 应用ARIA属性 ⚙ 定义响应式断点
responsive-patterns - 使用容器查询的 React 响应式设计
响应式容器查询流体排版移动优先
★ 128 · 更新于 2026-05-11
为 React 应用提供使用容器查询、流体排版和移动优先策略的现代响应式设计模式
⚙ 创建容器查询组件 ⚙ 实现流体排版 ⚙ 构建响应式布局
react-layout - React BAIFlex 布局与主题令牌
布局间距弹性盒响应式
★ 128 · 更新于 2026-05-11
使用 BAIFlex 创建弹性布局，使用主题令牌实现统一的间距样式
⚙ 创建 BAIFlex 布局 ⚙ 设置间距值 ⚙ 应用主题令牌
mui - Material UI React 组件库
ui-库 react material-design 组件库
★ 602 · 更新于 2026-03-26
在 React 应用中使用 Material UI 组件的最佳实践，包含主题、自定义和无障碍支持。
⚙ 配置 MUI 主题 ⚙ 创建自定义组件 ⚙ 实现暗色模式
design-improvement - 网站系统化设计优化
设计响应式 UI UX
★ 18 · 更新于 2026-03-22
按照既定设计原则系统化优化网站设计
⚙ 分析设计 ⚙ 提出改进建议 ⚙ 更新样式
design-improvement - 网站设计系统性优化
设计 UI UX 响应式
★ 602 · 更新于 2026-03-22
系统性设计优化，确保色彩一致性、响应式布局和专业外观
⚙ 分析当前设计 ⚙ 提出设计改进 ⚙ 更新 Tailwind 类
visual-audit - 全面视觉设计审计工具
审计设计 UI UX
★ 4 · 更新于 2026-03-20
跨视口和模式截图，分析设计质量并识别UI问题
⚙ 发现路由 ⚙ 捕获截图 ⚙ 设置视口
todo-signin-ui - 待办应用高级登录界面生成器
UI设计登录页面玻璃态响应式
★ 0 · 更新于 2026-03-20
为待办应用生成高级黑色背景粉色玻璃态登录页面
⚙ 生成登录页面 ⚙ 创建布局结构 ⚙ 设计表单字段
recharts - 使用 Recharts 进行 React 数据可视化
数据可视化图表 React 响应式
★ 18 · 更新于 2026-03-19
使用 Recharts React 库构建响应式交互图表，包括折线图、柱状图、面积图和饼图。
⚙ 创建折线图 ⚙ 创建柱状图 ⚙ 创建面积图
recharts - 使用 Recharts 进行 React 数据可视化
数据可视化图表 React 响应式
★ 602 · 更新于 2026-03-19
使用 Recharts React 库构建响应式交互图表
⚙ 创建折线图 ⚙ 创建柱状图 ⚙ 创建面积图
refactor_nextjs_nav_mobile_toggle_labels - 带移动切换和标签的Next.js导航重构
导航移动端响应式 nextjs
★ 581 · 更新于 2026-03-09
重构Next.js导航组件，添加移动切换功能和文本标签以提升移动设备可用性
⚙ 导入React hooks ⚙ 初始化状态变量 ⚙ 创建切换处理程序
cui-css - 适用于CUI项目的现代CSS开发标准
css 开发标准响应式
★ 602 · 更新于 2026-02-17
为CUI项目提供现代CSS开发标准，涵盖基础知识、响应式设计、质量实践和工具链
⚙ 应用BEM命名约定 ⚙ 使用CSS自定义属性 ⚙ 实现响应式设计模式
mjml-email - 生成专业MJML电子邮件模板
电子邮件模板 mjml 响应式
★ 0 · 更新于 2026-02-14
为交易邮件、营销邮件和通知等多种邮件类型创建响应式MJML电子邮件模板。
⚙ 读取设计模式 ⚙ 组装模板组件 ⚙ 调整品牌颜色
Frontend Responsive - 构建适用于所有屏幕尺寸的响应式布局
前端响应式布局移动优先
★ 11 · 更新于 2026-02-13
构建适用于移动设备、平板电脑和桌面屏幕尺寸的响应式布局。
⚙ 构建响应式布局 ⚙ 一致地使用标准断点 ⚙ 使用百分比宽度实现流体布局