haonL-7/frontend-workflow

frontend-workflow は何をしますか？

Claude Codeスキル：フロントエンド開発ワークフローエンジン — 機能分割、デザインハンドオフ、コードレビューチェックリスト、バグトリアージ、パフォーマンス最適化、デプロイチェックリスト

概要

このスキルは、フロントエンド開発のライフサイクル全体をカバーするワークフローエンジンを提供します。以下の主要領域を対象としています：

• 機能分割: 複雑な機能を管理可能なタスクに分解します。
• デザインハンドオフ: デザイナーから開発者への引き継ぎをスムーズに行います。
• コードレビューチェックリスト: 一貫性のあるレビュープロセスを実現します。
• バグトリアージ: バグの優先順位付けと割り当てを効率化します。
• パフォーマンス最適化: ボトルネックを特定し改善します。
• デプロイチェックリスト: 安全で確実なデプロイを保証します。

使用方法

このスキルをClaude Codeで有効にするには、以下のコマンドを実行します：

claude add skill haonL-7/frontend-workflow

ワークフロー

機能分割

1. 機能の要件を理解する
2. コンポーネントツリーを作成する
3. データフローを定義する
4. タスクをサブタスクに分割する
5. 依存関係を特定する

デザインハンドオフ

• デザインの仕様を確認する
• アセットをエクスポートする
• インタラクションを文書化する
• アクセシビリティ要件を確認する

コードレビューチェックリスト

• コードの一貫性を確認する
• パフォーマンスの影響を評価する
• セキュリティの脆弱性をチェックする
• テストカバレッジを確認する

バグトリアージ

1. バグを再現する
2. 重大度を評価する
3. 優先度を割り当てる
4. 担当者をアサインする
5. 修正計画を立てる

パフォーマンス最適化

• バンドルサイズを分析する
• レンダリングのボトルネックを特定する
• キャッシュ戦略を最適化する
• ネットワークリクエストを削減する

デプロイチェックリスト

• 環境変数を確認する
• ビルドが成功することを確認する
• マイグレーションを実行する
• ロールバック計画を準備する

貢献

改善提案やバグ報告は、GitHubリポジトリのIssueにて受け付けています。