responsive-design
Responsive Design
Use this skill when the main question is "how should this interface adapt across screen sizes or container sizes, and how do we verify it without turning the codebase into breakpoint soup?"
This skill is not a generic CSS tutorial. It should:
- classify the responsive problem,
- choose the right adaptation surface,
- keep viewport and container decisions explicit,
- call out verification requirements early,
- route neighboring concerns to the right frontend skill.
Read references/layout-decision-checklist.md before designing or refactoring a responsive layout.
Read references/handoff-boundaries.md when deciding whether responsive-design, ui-component-patterns, web-accessibility, design-system, or web-design-guidelines should own the next step.
More from akillness/skills-template
backend-testing
>
71data-analysis
>
54plannotator
>
35task-planning
Plan and organize software development tasks effectively. Use when breaking down features, creating user stories, or planning sprints. Handles task breakdown, user stories, acceptance criteria, and backlog management.
35omc
Use when you need Teams-first multi-agent orchestration in Claude Code. Triggers on: omc, autopilot, ralph, ulw, ccg, team. 29+ specialized agents, smart model routing (Haiku→Opus), persistent execution loops, skill layers, real-time HUD.
33vibe-kanban
Manage AI coding agents on a visual Kanban board. Run parallel agents through a To Do→In Progress→Review→Done flow with automatic git worktree isolation and GitHub PR creation.
32