Was macht break?
Rendert eine von Ihnen gewählte Komponente in jedem Zustand und Szenario auf einer temporären Seite und führt einen Stresstest durch.
Rendert eine von Ihnen gewählte Komponente in jedem Zustand und Szenario auf einer temporären Seite und führt einen Stresstest durch.
Die Fähigkeit **jakubkrehel/break** ist ein Werkzeug für Entwickler, das eine ausgewählte UI-Komponente in allen möglichen Zuständen und Szenarien auf einer temporären Seite rendert und einem Stresstest unterzieht. Dies ermöglicht es, Fehler frühzeitig zu erkennen, Edge Cases visuell zu überprüfen und die Stabilität der Komponente unter Last zu validieren. Es eignet sich besonders für Agenten, die in Umgebungen wie Claude Code, Cursor oder Codex arbeiten, um Komponenten vor der Integration in das Hauptprojekt gründlich zu isolieren. Der Vorteil liegt in der sofortigen Rückmeldung ohne manuelle Einrichtung: Der Agent lädt die Komponente dynamisch, erzeugt verschiedene Props-Kombinationen (z.B. normal, leer, Fehler, Ladezustand) und simuliert Interaktionen. Auf diese Weise wird die visuelle und funktionale Vollständigkeit sichergestellt, bevor die Komponente in die Produktion übernommen wird.
npx skills add https://github.com/jakubkrehel/skills/tree/main/skills/breakInstalled? Explore more Codierung & Entwicklung skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →
Rendert eine von Ihnen gewählte Komponente in jedem Zustand und Szenario auf einer temporären Seite und führt einen Stresstest durch.
This repo contains 7 individual skills — each has its own dedicated page.
Helps with grouping, alignment, reading order, progressive disclosure and other details that make a good layout.
Focuses on type scale, spacing, sizing, variable fonts, OpenType features, wrapping, truncation and other details that make typography feel great across your product.
Polishes and improves the UI in your project. Covers concentric border radius, optical alignment, surface depth, contextual icons, hit areas and more.
Focuses on improving product copy in your project.
Helps you figure out how something was built on the web.
Reviews your work across multiple categories like UI, typography, layout, color, writing and accessibility and gives you a detailed analysis of the findings.
Builds multiple variants of a component you're working on and helps you iterate and pick one.
Send and manage iMessages via BlueBubbles, including attachments, tapbacks, edits, replies, and groups.
Control Eight Sleep pods (status, temperature, alarms, schedules).
BluOS CLI (blu) for discovery, playback, grouping, and volume.
Create, search, and manage Bear notes via grizzly CLI.
Capture frames or clips from RTSP/ONVIF cameras.
Search GIF providers with CLI/TUI, download results, and extract stills/sheets.