design-responsive
CommunityDesign responsive UIs that adapt beautifully.
Authorphananhtuan09
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This skill provides mobile-first, responsive design guidance and patterns to help build UIs that adapt across devices, saving time and ensuring consistent experiences.
Core Features & Use Cases
- Mobile-first guidelines for typography, spacing, and layouts across breakpoints.
- Pattern catalog for responsive layouts, navigation, and component behavior across mobile, tablet, and desktop.
- Use Case: When designing a web app, apply predefined breakpoints and fluid typography to ensure a cohesive UI on 360px to 1440px wide screens.
Quick Start
Describe your target devices and design goals to auto-generate responsive UI guidelines.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: design-responsive Download link: https://github.com/phananhtuan09/ai-agent-workflow/archive/main.zip#design-responsive Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.