break은(는) 무엇을 하나요?
선택한 컴포넌트를 모든 상태와 시나리오에서 임시 페이지에 렌더링하고 스트레스 테스트를 수행합니다.
선택한 컴포넌트를 모든 상태와 시나리오에서 임시 페이지에 렌더링하고 스트레스 테스트를 수행합니다.
이 스킬은 개발자가 선택한 컴포넌트를 모든 가능한 상태(로딩, 에러, 빈 상태 등)와 시나리오에서 렌더링하고, 다양한 경계 조건에서 스트레스 테스트를 수행할 수 있게 해줍니다. 이를 통해 컴포넌트의 견고성과 예상치 못한 상황에서의 동작을 사전에 검증할 수 있으며, UI 개발 과정에서 발생할 수 있는 버그를 조기에 발견하는 데 유용합니다. 주로 React, Vue, Svelte 등 현대적인 프론트엔드 프레임워크와 호환되며, 임시 페이지를 생성하여 컴포넌트의 모든 변형을 시각적으로 확인할 수 있습니다. 이는 개발자와 QA 엔지니어가 복잡한 UI 컴포넌트의 신뢰성을 높이고, 통합 테스트 전에 개별 단위를 철저히 검증하는 데 기여합니다.
npx skills add https://github.com/jakubkrehel/skills/tree/main/skills/breakInstalled? Explore more 코딩 & 개발 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →
선택한 컴포넌트를 모든 상태와 시나리오에서 임시 페이지에 렌더링하고 스트레스 테스트를 수행합니다.
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.