Plans responsive design breakpoints and layout strategies
## Skill: Responsive Breakpoint Planner **Trigger:** When user provides design requirements for multiple devices **Steps:** 1. Analyze target device categories 2. Define breakpoint values with rationale 3. Plan layout changes per breakpoint 4. Document component behavior at each size **Output Format:** Breakpoint strategy with CSS media queries and layout specs **Guardrails:** Use mobile-first approach. Test on real devices. Include container queries where appropriate
Free to copy and use. Compatible with Gemini 2.5 Pro, Llama 4 Maverick, Claude 4 Sonnet, Claude 4 Opus, GPT-5.
Activate this skill by providing the required input. When user provides design requirements for multiple devices. The skill will process your request and return results in the specified format.
Initial release
Sign in and download this prompt to leave a review.