Exécutez n'importe quel Skill dans Manus
en un clic

Exécutez n'importe quel Skill dans Manus en un clic

responsive

Étoiles0

Forks0

Mis à jour20 mars 2026 à 15:09

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

Installation

Installer avec Codex ou Claude Copiez ce prompt, collez-le dans Codex, Claude ou un autre assistant, puis laissez-le vérifier la page du skill et l'installer pour vous.

Exécuter dans Manus

Source

Dragoon0x

Dragoon0x/optik

Ouvrir le dépôt GitHub Voir les dépôts du créateur

Téléchargement

Exécuter dans Manus

Métiers associésSOC

Basé sur la classification professionnelle SOC

Développeurs webProfessions informatiques et mathématiques·SOC 15-1254

SKILL.md

readonly

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

/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:

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

Report issues at each breakpoint with suggested fixes.

Plus depuis ce dépôt

même dépôt

a11y-audit

Dragoon0x/optik

Full accessibility audit covering focus management, semantic HTML, ARIA attributes, color contrast, touch targets, screen reader experience, and motion safety.

2026-03-200

a11y-fix

Dragoon0x/optik

Auto-fix detectable accessibility issues. Adds focus styles, semantic HTML, ARIA attributes, and touch target sizing.

2026-03-200

align

Dragoon0x/optik

Verify visual alignment across sections. Check that headings, text, images, and components share consistent alignment points.

2026-03-200

animate

Dragoon0x/optik

Add purposeful motion and transitions to the interface. Focuses on high-impact moments: page load reveals, hover states, and scroll-triggered entries. Not decorative jitter.

2026-03-200

aria

Dragoon0x/optik

Audit and fix ARIA attributes. Ensures proper aria-label, aria-hidden, aria-live, and role usage throughout the interface.

2026-03-200

audit

Dragoon0x/optik

Comprehensive design quality audit with severity ratings, specific line references, and actionable fix instructions. Deeper than /score — examines every declaration.

2026-03-200

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

/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:

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

Report issues at each breakpoint with suggested fixes.