responsive-layout-design

Installation
SKILL.md

Responsive Layout Design

Overview

Use this skill to define responsive behavior that keeps critical workflows usable across supported screen sizes.

Scope Boundaries

  • Layouts break, overflow, or lose usability across devices.
  • Teams need explicit breakpoint and adaptation rules before implementation.
  • Localization/content growth increases truncation and wrapping risk.

Templates And Assets

  • Responsive rule template:
    • assets/responsive-rule-template.md
  • Breakpoint test checklist:
    • assets/breakpoint-test-checklist.md

Inputs To Gather

  • Device and viewport support matrix.
  • Critical tasks and layout priority by context.
Related skills

More from kentoshimizu/sw-agent-skills

Installs
5
GitHub Stars
5
First Seen
Feb 28, 2026