responsive-design-planner
Installation
SKILL.md
Responsive Design Planner Skill
Instructions
- Analyze responsive requirements from task
- Define breakpoints (mobile, tablet, desktop)
- Plan mobile-first design approach
- Specify layout adaptations at each breakpoint
- Define component variations for different screens
- Consider touch vs mouse interactions
- Return structured responsive design specifications with:
- Breakpoint definitions
- Layout adaptations
- Component variations
- Interaction differences
- Content prioritization