configure-editor について
configure-editor は、チームで共有するエディター設定を確認・構成するスキルです。プロジェクトの言語やツールを検出して準拠状況を報告し、エディターや VS Code の設定ファイルを作成・更新できます。
主な機能
- 01プロジェクトの言語とツールの検出
- 02EditorConfig と VS Code 設定の確認
- 03設定準拠レポートの作成
- 04保存時フォーマットと拡張機能の設定
- 05デバッグとタスク設定の作成
- 06チーム向け設定ドキュメントの作成
活用シーン
- 01チーム内のエディター設定の統一
- 02変更せずにワークスペース設定を確認
- 03フォーマッターと推奨拡張機能の設定
- 04プロジェクト用デバッグ・タスクファイルの追加
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ laurigates/ claude-plugins --skill configure-editorインストール後、Claude Code で/configure-editorを入力して読み込まれたか確認します。
同梱ファイルREFERENCE.md
詳細
/configure:editor
チーム全体で設定の一貫性を保つために、エディター設定を確認して構成します。
このスキルを使用するタイミング
| 次の場合にこのスキルを使用します… | 次の場合は別の方法を使用します… |
|---|---|
| チーム全体で一貫したエディター設定を行う | 個人のエディター設定のみを変更する場合(ユーザー設定で構成します) |
| EditorConfig または VS Code のワークスペース設定への準拠を確認する | 既存の .editorconfig を確認するだけの場合(Read ツールを使用します) |
| 検出された言語の保存時フォーマットを構成する | プロジェクトで VS Code を使用していない場合(ほかのエディターで手動設定します) |
| プロジェクトのツール向けに推奨 VS Code 拡張機能を追加する | 拡張機能がすでに適切に構成されている場合 |
| デバッグ設定とタスクを設定する | デバッグの必要がないシンプルなプロジェクトの場合 |
コンテキスト
- EditorConfig: !
find . -maxdepth 1 -name \'.editorconfig\' - VS Code の設定: !
find . -maxdepth 1 -name \'.vscode/settings.json\' - VS Code の拡張機能: !
find . -maxdepth 1 -name \'.vscode/extensions.json\' - VS Code の起動設定: !
find . -maxdepth 1 -name \'.vscode/launch.json\' - VS Code のタスク: !
find . -maxdepth 1 -name \'.vscode/tasks.json\' - プロジェクトの言語: !
find . -maxdepth 1 \( -name 'package.json' -o -name 'tsconfig.json' -o -name 'pyproject.toml' -o -name 'Cargo.toml' -o -name 'biome.json' \) - プロジェクトの標準: !
find . -maxdepth 1 -name \'.project-standards.yaml\'
パラメーター
$ARGUMENTS から解析します。
--check-only:変更を加えず、準拠状況を報告します--fix:確認を求めず、すべての修正を自動適用します
実行
次のエディター設定ワークフローを実行します。
ステップ 1:プロジェクトの言語とツールを検出する
言語を示すファイルを確認します。
| 指標 | 言語/ツール | 必要な設定 |
|---|---|---|
package.json | JavaScript/TypeScript | Biome |
tsconfig.json | TypeScript | TypeScript 拡張機能 |
pyproject.toml | Python | Ruff、Python 拡張機能 |
Cargo.toml | Rust | rust-analyzer |
biome.json | Biome フォーマッター/リンター | Biome 拡張機能 |
ステップ 2:現在のエディター設定を分析する
既存の設定が次の要件を満たしているか確認します。
EditorConfig:
.editorconfigが存在することを確認します- root ディレクティブ、文字コード、行末コード、最終改行、空白の削除を確認します
- 言語別セクションが検出された言語に合致しているか確認します
VS Code の設定:
.vscode/settings.jsonが存在することを確認します- 保存時フォーマット、言語ごとの既定フォーマッター、言語別設定を確認します
VS Code の拡張機能:
.vscode/extensions.jsonが存在することを確認します- 推奨拡張機能がプロジェクトのツールに合致しているか確認します
ステップ 3:準拠レポートを生成する
各確認項目のステータスを示す、書式設定された準拠レポートを出力します。
Editor Configuration Compliance Report
=======================================
Project: [name]
Languages: [detected]
Detected Tools: [detected]
EditorConfig: [status per check]
VS Code Settings: [status per check]
VS Code Extensions: [status per check]
Overall: [X issues found]
Recommendations: [list specific fixes]
--check-only が指定されている場合は、ここで終了します。
ステップ 4:エディターファイルを構成する(--fix が指定された場合、またはユーザーが確認した場合)
検出された言語に基づいて修正を適用します。REFERENCE.md の設定を使用してください。
- 言語別セクションを含む
.editorconfigを作成または更新します - 保存時フォーマットと言語ごとのフォーマッターを含む
.vscode/settings.jsonを作成または更新します - 検出されたツール向けの推奨拡張機能を含む
.vscode/extensions.jsonを作成または更新します - 言語別設定(TypeScript のインポート設定、Python インタープリター、Rust clippy)を追加します
ステップ 5:起動設定とタスク設定を作成する
- 検出された言語のデバッグ設定を含む
.vscode/launch.jsonを作成します - ビルド/テスト/Lint タスクを含む
.vscode/tasks.jsonを作成します
ステップ 6:標準の追跡情報を更新する
.project-standards.yaml を更新します。
components:
editor: "2025.1"
editor_config: true
vscode_settings: true
vscode_extensions: true
ステップ 7:ドキュメントを作成する
チーム向けのクイックスタート手順を記載した docs/EDITOR_SETUP.md を作成します。VS Code の設定、推奨拡張機能、トラブルシューティングを取り上げてください。
ステップ 8:完了レポートを出力する
作成・更新したファイル、推奨する拡張機能、チームの次のステップなど、実施したすべての変更の概要を出力します。
詳細な設定テンプレートと言語固有の設定については、REFERENCE.md を参照してください。
エージェント向けの最適化
| コンテキスト | コマンド |
|---|---|
| EditorConfig が存在するか確認する | test -f .editorconfig && echo "exists" || echo "missing" |
| EditorConfig の構文を検証する | editorconfig-checker .editorconfig 2>&1(インストール済みの場合) |
| VS Code の設定が存在するか確認する | test -f .vscode/settings.json && jq empty .vscode/settings.json 2>&1 |
| 検出された言語を一覧表示する | find . -maxdepth 1 \( -name 'package.json' -o -name 'pyproject.toml' -o -name 'Cargo.toml' \) -exec basename {} \; |
| コンプライアンスを簡易チェックする | /configure:editor --check-only |
| すべての問題を自動修正する | /configure:editor --fix |
フラグ
| フラグ | 説明 |
|---|---|
--check-only | 修正を提案せずにステータスを報告します |
--fix | 確認を求めずにすべての修正を自動適用します |
例
# Check compliance and offer fixes
/configure:editor
# Check only, no modifications
/configure:editor --check-only
# Auto-fix all issues
/configure:editor --fix
エラー処理
- 言語が検出されない場合:最小限の EditorConfig を作成します
- フォーマッターが競合する場合:重複したフォーマッター設定について警告します
- 無効な JSON の場合:解析エラーを報告し、テンプレートへの置き換えを提案します
関連項目
/configure:formatting- コードのフォーマットを設定する/configure:linting- リンティングツールを設定する/configure:all- すべてのコンプライアンスチェックを実行する- EditorConfig のドキュメント:https://editorconfig.org
- VS Code 設定のリファレンス:https://code.visualstudio.com/docs/getstarted/settings
コメント
Markdown 対応