Jeden Skill in Manus ausführen
mit einem Klick

Jeden Skill in Manus mit einem Klick ausführen

responsive

Sterne0

Forks0

Aktualisiert20. März 2026 um 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

Mit Codex oder Claude installieren Kopieren Sie diesen Prompt, fügen Sie ihn in Codex, Claude oder einen anderen Assistant ein und lassen Sie die Skill-Seite prüfen und installieren.

In Manus ausführen

Quelle

Dragoon0x

Dragoon0x/optik

GitHub-Repository öffnen Creator-Repositorys ansehen

Download

In Manus ausführen

Verwandte BerufeSOC

Basierend auf der SOC-Berufsklassifikation

WebentwicklerInformatik- und Mathematikberufe·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.

Mehr aus diesem Repository

gleiches Repository

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.