Communityコーディング&開発github.com

jakubkrehel/break

選んだコンポーネントをあらゆる状態とシナリオで一時的なページにレンダリングし、ストレステストを実行します。

break とは?

このスキルは、開発者が選択したUIコンポーネントを一時的なページにレンダリングし、すべての状態(例:ローディング、エラー、空状態、各バリアントなど)を網羅的に表示・確認できるようにします。同時に、コンポーネントに対してストレステスト(高頻度での再レンダリングや負荷のかかるシナリオ)を自動実行し、パフォーマンスのボトルネックや予期しない動作を早期に発見するのに役立ちます。主にフロントエンド開発(Reactなどのコンポーネントベースのフレームワーク)を想定しており、開発サーバー上で一時的なページを生成して動作します。これにより、手動での状態確認やテスト作成の手間を省き、コンポーネントの品質と堅牢性を効率的に高めることができます。

対応~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に質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

break は何をしますか?

選んだコンポーネントをあらゆる状態とシナリオで一時的なページにレンダリングし、ストレステストを実行します。

Individual skills in this repo

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

関連スキル