arch-vscode について
arch-vscodeは、antfu/starter-vscodeを基にしたVSCode拡張開発用スキルです。reactive-vscode、tsdown、vscode-ext-genを使う規約的な手順を、エントリー設定からデバッグ、パッケージ化、公開まで案内します。
主な機能
- 01VSCode拡張のスターター構成
- 02reactive-vscodeのコンポーザブル利用
- 03tsdownによる単一CJSバンドル生成
- 04型安全なcontributesメタデータ生成
- 05デバッグ、パッケージ化、公開の手順
活用シーン
- 01VSCode拡張プロジェクトの開始
- 02拡張エントリーとcontributesの設定
- 03Extension Hostでのデバッグ
- 04拡張のパッケージ化や公開の準備
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ hairyf/ skills --skill arch-vscodeインストール後、Claude Code で/arch-vscodeを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
GENERATION.mdassets/ci.ymlreferences/best-practices-vscode-ext.mdcore-ci.mdcore-config.mdcore-contributes.mdcore-development.mdcore-extension-entry.mdcore-logging.mdcore-overview.mdcore-scripts.mdcore-tsdown-build.md詳細
arch-vscode は、リアクティブな API とコンポーザブルに reactive-vscode、単一の CJS バンドルに tsdown、型安全な contributes メタデータに vscode-ext-gen を使用する VSCode 拡張機能のスターターです(antfu/starter-vscode をベースにしています)。defineExtension エントリ、defineConfig/defineLogger、Extension Host のデバッグ、パッケージ化と公開のための vsce/vsxpub を備えた、最小限で一貫性のあるセットアップを提供します。
このスキルは starter-vscode(arch-vscode のソース)をベースにしており、2026-01-30 に生成されました。
推奨プラクティス:
pnpm update(または Run on Save)を使って、contributes と生成された meta の同期を保ちます- 状態と破棄可能なオブジェクトには reactive-vscode のコンポーザブルを使用し、
vscodeを external に指定して CJS ビルドを行います - 可能な場合は
onCommandによるアクティベーションを優先します
コアリファレンス
| トピック | 説明 | リファレンス |
|---|---|---|
| 概要 | プロジェクトの目的、構成、使用する場面 | core-overview |
| 拡張機能エントリ | defineExtension、activate、deactivate | core-extension-entry |
| 設定 | defineConfig、生成されたスコープ付き設定 | core-config |
| ロギング | defineLogger、displayName | core-logging |
| tsdown ビルド | CJS、external vscode、build:prepare フック | core-tsdown-build |
| スクリプト | build、dev、update、release、ext:package、ext:publish | core-scripts |
| Contributes | コマンド、設定、activationEvents | core-contributes |
| 開発 | launch.json、tasks.json、Extension Host | core-development |
| CI | GitHub Actions ワークフロー — lint、typecheck、build、test | core-ci |
ベストプラクティス
| トピック | 説明 | リファレンス |
|---|---|---|
| VSCode 拡張機能 | エントリ、contributes、meta、アクティベーション、公開 | best-practices-vscode-ext |
コメント
Markdown 対応