Community编程与开发github.com

jakubkrehel/break

在临时页面上以所有状态和场景渲染你选择的组件,并进行压力测试。

break 是什么?

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

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/jakubkrehel/skills/tree/main/skills/break

Installed? Explore more 编程与开发 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

break 是做什么的?

在临时页面上以所有状态和场景渲染你选择的组件,并进行压力测试。

Individual skills in this repo

This repo contains 7 individual skills — each has its own dedicated page.

相关技能