Communityライティング&編集github.com

SymbolWu/frontend-module-playbook

ReactとTypeScriptのフロントエンドモジュール共同開発スキル。アーキテクチャ、実装、レビュー、コメント、コミット、ドキュメント、コード整理を支援します。

frontend-module-playbook とは?

このスキルは、ReactとTypeScriptを用いたフロントエンドモジュール開発における、チーム共同作業の効率化と品質向上を目的としています。具体的には、アーキテクチャ設計、実装パターン、コードレビュー、説明的なコメントの記述、コミットメッセージの統一、ドキュメント作成、そしてコード整理のベストプラクティスを提供します。主にClaude CodeやCursor、CodexといったAIエージェントプラットフォームでの使用を想定しており、SKILL.mdの指示に従ってプロジェクトの一貫性を保ちながら、各開発タスクを支援します。開発者はこのスキルを使うことで、AIエージェントに対して適切なコンテキストとルールを設定し、フロントエンドプロジェクトの共同開発をスムーズに進めることができます。

対応~Claude Code~Codex CLI~Cursor
npx skills add SymbolWu/frontend-module-playbook

Installed? Explore more ライティング&編集 skills: steipete/notion, langchain-ai/langchain, bytedance/podcast-generation · View all 6 →

お気に入りのAIに質問する

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

ドキュメント

frontend-module-playbook は何をしますか?

ReactとTypeScriptのフロントエンドモジュール共同開発スキルです。アーキテクチャ、実装、レビュー、コメント、コミット、ドキュメント、コード整理を支援します。

このスキルは、以下のAIエージェントに対応しています:

  • Claude Code
  • Cursor
  • Codex
  • その他 AI 開発エージェント

機能

  • アーキテクチャ設計: フォルダ構成やコンポーネント分割の提案
  • 実装パターン: React hooks、TypeScript型定義、コンポーネントパターンのガイド
  • コードレビュー: 一貫性のあるレビュールールとコメント
  • コミットメッセージ: conventional commits の推奨フォーマット
  • ドキュメント: モジュール単位のドキュメント化支援
  • コード整理: リファクタリングや不要コードの削除提案

使い方

  1. AIエージェントにこのスキルを読み込ませます。
  2. 開発タスク(実装、レビュー、リファクタリングなど)を依頼します。
  3. スキル内のルールに従ってAIが一貫したアウトプットを生成します。

貢献

改善提案やバグ報告はGitHub Issuesにてお願いします。

ライセンス

MIT

関連スキル