| name | responsive-design |
| description | Build responsive UIs with mobile-first CSS, breakpoints, and adaptive layouts |
| category | Software Development |
Responsive Design
Overview
Build responsive UIs with mobile-first CSS, breakpoints, and adaptive layouts. This skill helps you apply structured, repeatable methods for consistent results.
When to Use
- When you need to apply responsive design best practices
- When establishing processes or standards for your workflow
- When training team members on responsive design
- When automating or optimizing responsive design tasks
Instructions
- Assess: Evaluate the current state, requirements, and constraints
- Plan: Define the approach, steps, and success criteria
- Execute: Follow the established patterns and best practices
- Verify: Check results against expected outcomes and quality standards
- Iterate: Refine based on feedback and lessons learned
Examples
User: Help me apply responsive design for my current project
Assistant: I'll help you apply responsive design step by step...
Related Skills
- Use with
workflow tool for orchestrated execution
- Combine with
task tool for delegated processing
- Reference
system-prompt for system-level integration
