with one click
frontend-development
フロントエンド実装時に使用。コーディング規約準拠。コンポーネント設計。
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Menu
フロントエンド実装時に使用。コーディング規約準拠。コンポーネント設計。
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
プッシュ前に必ず実行。静的チェック・テスト・統合レビュー含む6ペルソナレビューを最低2サイクル実施し、自己改善確認後のみpush可能。
Git worktree を使った並列開発時に使用。配置・ポート割当・環境コピー・クリーンアップを標準化する。
Use when completing tasks, implementing major features, or before merging to verify work meets requirements
作業完了前にセッション内の改善ポイントを抽出し、ユーザー承認後にルール・スキル・ドキュメントへ反映する。
開発サーバー・E2E・ブラウザ検証時に使用。既存プロセスを停止してからプロジェクト指定ポートで起動し、作業後に必ず停止する。
Use when creating new skills, editing existing skills, or verifying skills work before deployment
| name | frontend-development |
| description | フロントエンド実装時に使用。コーディング規約準拠。コンポーネント設計。 |
以下は絶対に禁止。違反は許容されない。
unknown型を使用(TypeScript の場合)新規コンポーネント作成前に、プロジェクトで採用しているUIライブラリの既存コンポーネントで要件を満たせるか確認。
プロジェクトで採用している状態管理ライブラリに従う。
.then())は避けるgetByRole > getByTestId)プロジェクトの CLAUDE.md に定義されたフロントエンド品質チェックコマンドを実行する。
documents/development/coding-rules/frontend-rules.mddocuments/development/development-policy.md