home/categories/frontend/phananhtuan09-ai-agent-workflow-opencode-skill-design-responsive-skill-md
frontenddevelopment

design-responsive

Mobile-first responsive design for beautiful, multi-device UIs. Breakpoints, fluid layouts, touch optimization, and creative responsive patterns for distinctive experiences across screens. Use when building responsive UIs or adapting for mobile/tablet/desktop: - Creating mobile-first layouts, responsive landing pages, web apps - Defining breakpoints and fluid typography (mobile/tablet/desktop sizes) - Optimizing for touch devices, mobile users, smartphone/tablet interactions - Responsive component patterns (navigation, tables, forms, images) - User mentions "mobile", "responsive", "tablet", "multi-device", "touch" Keywords: responsive, mobile-first, mobile, tablet, desktop, breakpoints, touch, multi-device Mobile-first approach: Design for mobile constraints first, enhance progressively. Integrates with design-fundamentals: Apply spacing, typography, color systems responsively.

phananhtuan09
maintainer
phananhtuan09
अपडेट किया गया 1/19/2026
स्टार
0
फोर्क
0
quick start

Installation and usage

Mobile-first responsive design for beautiful, multi-device UIs. Breakpoints, fluid layouts, touch optimization, and creative responsive patterns for distinctive experiences across screens. Use when building responsive UIs or adapting for mobile/tablet/desktop: - Creating mobile-first layouts, responsive landing pages, web apps - Defining breakpoints and fluid typography (mobile/tablet/desktop sizes) - Optimizing for touch devices, mobile users, smartphone/tablet interactions - Responsive component patterns (navigation, tables, forms, images) - User mentions "mobile", "responsive", "tablet", "multi-device", "touch" Keywords: responsive, mobile-first, mobile, tablet, desktop, breakpoints, touch, multi-device Mobile-first approach: Design for mobile constraints first, enhance progressively. Integrates with design-fundamentals: Apply spacing, typography, color systems responsively.

इंस्टॉलेशन
$ install --globalskills.sh
उपयोग

इंस्टॉल करने के बाद, आप टर्मिनल में यह कमांड चलाकर इस स्किल का उपयोग कर सकते हैं:

skills use design-responsive