¿Qué hace break?
Renderiza un componente que elijas en cada estado y escenario en una página temporal y lo somete a pruebas de estrés.
Renderiza un componente que elijas en cada estado y escenario en una página temporal y lo somete a pruebas de estrés.
Esta habilidad, basada en el paquete `jakubkrehel/break`, te permite visualizar y probar exhaustivamente un componente de interfaz de usuario renderizándolo en todas sus variantes de estado y escenario en una página temporal. Es útil para desarrolladores que trabajan con frameworks como React, Vue o Svelte, ya que facilita la detección de errores visuales, regresiones o problemas de rendimiento antes de implementar el componente en producción. La herramienta genera automáticamente una vista previa con todas las combinaciones posibles de `props`, estados (cargando, vacío, error, etc.) y condiciones de borde, y además ejecuta pruebas de estrés para asegurar la estabilidad del componente bajo cargas pesadas. Su integración es sencilla: solo necesitas especificar el componente y las variantes a probar, y `break` se encarga del resto, proporcionando retroalimentación inmediata en el navegador.
npx skills add https://github.com/jakubkrehel/skills/tree/main/skills/breakInstalled? Explore more Programación y desarrollo skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →
Renderiza un componente que elijas en cada estado y escenario en una página temporal y lo somete a pruebas de estrés.
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.