Skills
.Work. You
Rest

responsive-architect

Community

Master mobile-first responsive design.

Design & Creative#typography#mobile-first#breakpoints#responsive-design#container-queries
Authordeve1993
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Build mobile-first, responsive apps with scalable breakpoints, container queries, fluid typography, and cross-device testing.

Core Features & Use Cases

  • Breakpoint Systems: mobile-first, content prioritization
  • Fluid Typography: clamp(), rem units, responsive scales
  • Responsive Layouts: CSS Grid, Flexbox, container queries
  • Touch & Gestures: touch/pointer events, swipe, tap
  • Performance: optimized assets, layout efficiency
  • Images & Media: responsive images, lazy loading
  • Performance Budget: cross-device considerations

Quick Start

Set up a mobile-first layout with container queries and fluid typography.

Dependency Matrix

Required Modules

None required

Components

scriptsreferencesassets

💻 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: responsive-architect
Download link: https://github.com/deve1993/Quickfy-website/archive/main.zip#responsive-architect

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.