break 是做什么的?
在临时页面上以所有状态和场景渲染你选择的组件,并进行压力测试。
在临时页面上以所有状态和场景渲染你选择的组件,并进行压力测试。
「break」是一个用于 React 前端开发的 AI Agent 技能,能够自动将指定的组件在所有状态和场景下渲染到一个临时页面,并对其进行压力测试。这帮助开发者在不同数据、属性或用户交互情况下全面验证组件的表现、边界条件和性能。该技能适用于 Claude Code、Cursor 等支持自定义技能的 AI 编码助手,通过解析组件代码并动态生成测试用例,模拟各种状态(如加载、空数据、错误、边界值等),最终输出一份包含渲染快照和性能指标的报告。它特别适用于 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.