LogoClawIndex
案例技能关于
LogoClawIndex

responsive-design - 构建响应式 QA Team Portal 布局

使用 Tailwind CSS 断点为 QA Team Portal 实现适配移动端、平板和桌面的移动优先响应式布局。

标签

更新于: 2026-10-06

能力

典型输入

典型输出

该技能可以做什么

  • 实现移动优先布局
  • 应用 Tailwind 断点
  • 构建响应式导航
  • 创建响应式网格
  • 调整排版和间距
  • 创建响应式表格布局

输入

  • 前端源文件
  • 响应式布局要求
  • 现有前端组件

输出

  • 更新后的响应式前端组件
  • 移动端、平板和桌面布局
  • 响应式导航、网格、卡片和表格

要求

  • QA Team Portal 前端项目
  • Tailwind CSS
  • Read、Write、Edit 和 Glob 访问权限

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
响应式设计
Tailwind CSS
移动优先
前端
CSS Grid
Flexbox
实现移动优先布局
应用 Tailwind 断点
构建响应式导航
创建响应式网格
前端源文件
响应式布局要求
现有前端组件
更新后的响应式前端组件
移动端、平板和桌面布局
响应式导航、网格、卡片和表格