フレームワーク
claude-code-best-practice
shanraisshan/claude-code-best-practice
概要
このツールの詳細と使い方を解説します。
CLAUDE.md の書き方・スキル・コマンド・サブエージェント・オーケストレーション設計を実例付きで学べるベストプラクティス集。ブラウザ自動化・気象データ取得・SVG 生成・プレゼン管理など具体的なユースケース別に実装例を収録。Playwright・Context7・DeepWiki の3 MCP サーバーと5スキル・7コマンド・9エージェントを同梱したハンズオンリポジトリ。
連携方式
使い方
Claude Code がインストール済みであることを前提としています
スキル一覧
5 件agent-browserブラウザ自動化 CLI。ウェブ操作・フォーム入力・スクリーンショット・データ抽出などのブラウザタスクを自動化presentationプレゼン構造・スタイリング・Vibe→Agentic フレームワーク変換の3サブスキルを収録したプレゼン生成スキル集time-skillパキスタン標準時(PKT / UTC+5)の現在時刻を表示。オーケストレーション入門のデモユースケースweather-fetcherOpen-Meteo API を使ってドバイ(UAE)のリアルタイム気象データを取得weather-svg-creator気象データをもとにドバイの気温を表示する SVG カードを生成し weather.svg と output.md に書き出すコマンド一覧
7 件/time-commandパキスタン標準時の現在時刻を表示/weather-orchestratorドバイの気象データ取得と SVG カード生成をオーケストレーション/workflow-conceptsClaude Code の基本概念をワークフロー形式で学ぶ/workflow-claude-skillsスキルの作成・管理ワークフロー/workflow-claude-commandsコマンドの作成・管理ワークフロー/workflow-claude-subagentsサブエージェントの設計・管理ワークフロー/workflow-claude-settingsClaude Code 設定のベストプラクティスワークフローエージェントスキル
9 件マルチエージェント環境向けに最適化されたスキル
development-workflows-research-agentGitHub リポジトリを調査してエージェント・スキル・コマンドの件数やスター数を分析する調査エージェントpresentation-curatorプレゼンスライドの更新・修正・スタイル調整をプロアクティブに実行するエージェントtime-agentパキスタン標準時の現在時刻を表示するエージェント(time-skill を事前ロード済み)weather-agentドバイの気象データをリアルタイムで取得するエージェント(weather-fetcher スキルを事前ロード済み)workflow-concepts-agentClaude Code の基本概念をワークフロー形式で解説するエージェントworkflow-claude-skills-agentスキル設計のベストプラクティスを指導するエージェントworkflow-claude-commands-agentコマンド設計のベストプラクティスを指導するエージェントworkflow-claude-subagents-agentサブエージェント設計のベストプラクティスを指導するエージェントworkflow-claude-settings-agentClaude Code 設定のベストプラクティスを指導するエージェント