LogoClawIndex
CasesSkillsAbout
LogoClawIndex

responsive-design - Build responsive QA Team Portal layouts

Implements mobile-first responsive layouts for the QA Team Portal with Tailwind CSS breakpoints across mobile, tablet, and desktop.

Tags

Updated: 2026-10-06
responsive designTailwind CSSmobile-firstfrontendCSS GridFlexbox

Capabilities

Implement mobile-first layoutsApply Tailwind breakpointsBuild responsive navigationCreate responsive grids

Typical Inputs

Frontend source filesResponsive layout requirementsExisting frontend components

Typical Outputs

Updated responsive frontend componentsMobile, tablet, and desktop layoutsResponsive navigation, grids, cards, and tables

What this skill does

  • Implement mobile-first layouts
  • Apply Tailwind breakpoints
  • Build responsive navigation
  • Create responsive grids
  • Adapt typography and spacing
  • Create responsive table layouts

Inputs

  • Frontend source files
  • Responsive layout requirements
  • Existing frontend components

Outputs

  • Updated responsive frontend components
  • Mobile, tablet, and desktop layouts
  • Responsive navigation, grids, cards, and tables

Requirements

  • QA Team Portal frontend project
  • Tailwind CSS
  • Read, Write, Edit, and Glob access

Source

  • Spec: SKILL.md

ClawIndex

OpenClaw Skills & Use Case Index

ClawIndex is an ecosystem-driven index of OpenClaw skills and real-world use cases.

Index

Skills·
Cases

Meta

About·
Disclaimer·
Email·
GitHub
© 2026 ClawIndex All Rights Reserved.