O que break faz?
Renderiza o componente que você escolher em todos os estados e cenários em uma página temporária e realiza testes de estresse nele.
Renderiza o componente que você escolher em todos os estados e cenários em uma página temporária e realiza testes de estresse nele.
A habilidade 'break', do autor jakubkrehel, permite que desenvolvedores inspecionem visualmente e testem exaustivamente um componente de interface de usuário renderizando-o em todos os seus estados e variações em uma página temporária. É útil para depuração visual, análise de regressões e garantia de que um componente se comporta corretamente sob diferentes cenários, incluindo condições de estresse como múltiplas instâncias ou variações de dados. Compatível com fluxos de trabalho de desenvolvimento frontend, ela automatiza a geração de uma página de teste que isola o componente, facilitando a verificação de estilos, comportamentos e responsividade sem a necessidade de configurar um ambiente de testes completo. A habilidade opera com base em uma especificação de componente, gerando automaticamente todas as combinações de props, estados (como carregamento, erro, vazio) e variações de tema ou tamanho, e então renderiza cada uma em uma página HTML temporária que pode ser visualizada no navegador.
npx skills add https://github.com/jakubkrehel/skills/tree/main/skills/breakInstalled? Explore more Programação e Desenvolvimento skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →
Renderiza o componente que você escolher em todos os estados e cenários em uma página temporária e realiza testes de estresse nele.
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.