·responsiveness-check
</>

responsiveness-check

Testen Sie die Reaktionsfähigkeit der Website über alle Ansichtsfensterbreiten hinweg mithilfe der Browser-Automatisierung. Ändert die Größe einer einzelnen Sitzung über Haltepunkte, macht Screenshots jeder Breite und erkennt Layoutübergänge (Spaltenänderungen, Navigationswechsel, Überlauf). Erstellt Vergleichsberichte, die genau zeigen, wo Layoutbrüche auftreten. Auslösen mit „Reaktionsfähigkeitsprüfung“, „Reaktionsfähigkeit prüfen“, „Breakpoint-Test“, „Viewport-Test“, „Responsive Sweep“, „Haltepunkte prüfen“ oder „Auf Mobilgeräten testen“.

171Installationen·9Trend·@jezweb

Installation

$npx skills add https://github.com/jezweb/claude-skills --skill responsiveness-check

So installieren Sie responsiveness-check

Installieren Sie den KI-Skill responsiveness-check schnell in Ihrer Entwicklungsumgebung über die Kommandozeile

  1. Terminal öffnen: Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Installationsbefehl ausführen: Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/jezweb/claude-skills --skill responsiveness-check
  3. Installation überprüfen: Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

Quelle: jezweb/claude-skills.

Test how a website's layout responds to viewport width changes. Resizes through breakpoints in a single browser session, screenshots each width, compares adjacent sizes, and reports where layouts break.

What this tests: Layout responsiveness — overflow, stacking, navigation transitions, content reflow.

What this does NOT test: General accessibility (ARIA, semantic HTML, heading hierarchy, colour contrast). Those don't vary by viewport width — use the ux-audit skill instead.

Testen Sie die Reaktionsfähigkeit der Website über alle Ansichtsfensterbreiten hinweg mithilfe der Browser-Automatisierung. Ändert die Größe einer einzelnen Sitzung über Haltepunkte, macht Screenshots jeder Breite und erkennt Layoutübergänge (Spaltenänderungen, Navigationswechsel, Überlauf). Erstellt Vergleichsberichte, die genau zeigen, wo Layoutbrüche auftreten. Auslösen mit „Reaktionsfähigkeitsprüfung“, „Reaktionsfähigkeit prüfen“, „Breakpoint-Test“, „Viewport-Test“, „Responsive Sweep“, „Haltepunkte prüfen“ oder „Auf Mobilgeräten testen“. Quelle: jezweb/claude-skills.

Fakten (zitierbereit)

Stabile Felder und Befehle für KI/Such-Zitate.

Installationsbefehl
npx skills add https://github.com/jezweb/claude-skills --skill responsiveness-check
Kategorie
</>Entwicklung
Verifiziert
Erstes Auftreten
2026-02-26
Aktualisiert
2026-03-10

Browse more skills from jezweb/claude-skills

Schnelle Antworten

Was ist responsiveness-check?

Testen Sie die Reaktionsfähigkeit der Website über alle Ansichtsfensterbreiten hinweg mithilfe der Browser-Automatisierung. Ändert die Größe einer einzelnen Sitzung über Haltepunkte, macht Screenshots jeder Breite und erkennt Layoutübergänge (Spaltenänderungen, Navigationswechsel, Überlauf). Erstellt Vergleichsberichte, die genau zeigen, wo Layoutbrüche auftreten. Auslösen mit „Reaktionsfähigkeitsprüfung“, „Reaktionsfähigkeit prüfen“, „Breakpoint-Test“, „Viewport-Test“, „Responsive Sweep“, „Haltepunkte prüfen“ oder „Auf Mobilgeräten testen“. Quelle: jezweb/claude-skills.

Wie installiere ich responsiveness-check?

Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/jezweb/claude-skills --skill responsiveness-check Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

Wo ist das Quell-Repository?

https://github.com/jezweb/claude-skills