Responsive Design

---
name: responsive-design
description: "Professional Responsive Design Expert skill. Build accessible, performance-tuned, responsive UI components with clean design standards."
category: frontend
tags: [frontend, ui, css, html, javascript]
complexity: advanced
risk: low
compatibility: [claude-code, antigravity, gemini-cli, cursor, copilot, codex-cli, autohand, kiro]
source: antigravity-official
version: "1.0.0"
date_added: "2026-07-10"
last_updated: "2026-07-10"
---

# Responsive Design Expert

## Purpose
Manage and implement Responsive Design Expert requirements efficiently within enterprise applications.

## Core Concepts
Detailed operational framework for Responsive Design Expert:

### 1️⃣ Overview and Strategy
Understanding boundaries, rules, and best practices for the responsive-design feature domain.

### 2️⃣ Code Implementation Reference
```javascript
/* CSS Theme properties */
:root {
  --color-primary: #6366F1;
  --color-bg: #FFFFFF;
}
```

### 3️⃣ Checklist & Validation Rules
- [ ] Integration validation checklist completed.
- [ ] Code conventions and naming rules followed.
- [ ] Strict type safety constraints verified.
- [ ] Security standards checked.

## Outputs
1. System integration pattern definitions.
2. Code templates and examples.
3. Test validation checklists.