SkillsAdd

dragoon0x/optik

responsive

Check responsive behavior at key breakpoints. Verifies layout doesn't break, text remains readable, touch targets meet minimum sizes, and spacing scales appropriately.

First seen May 9, 2026

Installation

$ npx skills add dragoon0x/optik --skill responsive
View on skills.sh ↗ GitHub repository ↗

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

flutter-build-responsive-layout Similar name
flutter/agent-plugins

Use `LayoutBuilder`, `MediaQuery`, or `Expanded/Flexible` to create a layout that adapts to dif…

33.3K installs
responsive-design Similar name
wshobson/agents 18.2K installs
responsiveness-check Similar name
jezweb/claude-skills

Test website responsiveness across viewport widths using browser automation. Resizes a single s…

1.6K installs
responsive-design Similar name
owl-listener/designer-skills

Design layouts and interactions that adapt across screen sizes and input methods. Use when one …

1.6K installs
responsive-patterns Similar name
yonatangross/orchestkit

Responsive design with Container Queries, fluid typography, cqi/cqb units, subgrid, intrinsic l…

1.3K installs
mobile-responsiveness Similar name
hoodini/ai-agents-skills

Build responsive, mobile-first web applications. Use when implementing responsive layouts, touc…

1.3K installs

Also in this package

Other skills from dragoon0x/optik · top by installs.

npx skills add dragoon0x/optik
normalize 7 layout-audit 7 bolder 7 type-set 6 type-scale 6 type-rhythm 6 type-pair 6 type-measure 6 type-hierarchy 6 type-fix 6

Browse all from dragoon0x/optik

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Not declared
Cursor Not declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Repository health

Stars 1
License LICENSE
Default branch main
Open issues 0
Status Active

Package contents

Files included with this skill beyond the listing page.

  • skill md SKILL.md 802 B
  • docs SUMMARY.md 185 B

History

  1. First seen on skills.sh
  2. First recorded snapshot · 6 installs

SKILL.md

/responsive — Responsive Verification

Check the interface at these breakpoints:

  • 320px (small mobile)
  • 375px (standard mobile)
  • 768px (tablet)
  • 1024px (small desktop)
  • 1280px (standard desktop)
  • 1440px (large desktop)

At each breakpoint verify:

  1. No horizontal overflow
  2. Text line measure stays 45-75 characters
  3. Touch targets minimum 44x44px on mobile
  4. Spacing scales down proportionally
  5. Images/media don't overflow
  6. Navigation is accessible
  7. No content is hidden on mobile that's essential

Report issues at each breakpoint with suggested fixes.