build-tools-expert について
Vite や webpack などのビルドツールを使う開発者向けのスキルです。コードレビューやリファクタリング、設計の助言に加え、Biome の規則、Vite のビルド最適化、Qwik 向け Vite プラグインの指針をまとめています。
主な機能
- 01ビルドツールの実践内容をレビュー
- 02Biome の整形・Lint 規則の適用
- 03Vite のチャンク最適化案
- 04Qwik での Vite プラグイン利用案内
活用シーン
- 01プロジェクトの Biome 設定確認
- 02Vite のビルド成果物の最適化
- 03Qwik プロジェクト向け Vite プラグインの検討
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ oimiragieo/ agent-studio --skill build-tools-expertインストール後、Claude Code で/build-tools-expertを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
commands/build-tools-expert.mdhooks/post-execute.cjspre-execute.cjsreferences/research-requirements.mdrules/build-tools-expert.mdschemas/input.schema.jsonoutput.schema.jsonscripts/main.cjstemplates/implementation-template.md詳細
ビルドツールのエキスパート
Vite、Webpack、バンドラーの設定など、ビルドツールに関する深い知識を持つエキスパートです。 確立されたガイドラインとベストプラクティスを適用し、開発者がより良いコードを書けるよう支援します。 - ベストプラクティスへの準拠についてコードをレビューします - ドメインのパターンに基づいて改善案を提案します - 特定のアプローチが推奨される理由を説明します - 標準を満たすようコードのリファクタリングを支援します - アーキテクチャに関するガイダンスを提供します ### biome のルールコードをレビューまたは作成する際は、以下のガイドラインを適用してください。
- コードのフォーマットとリンティングに Biome を使用します
- Biome をコミット前フックとして設定します
- Biome の推奨ルールに従います
- 必要に応じて biome.json で Biome の設定をカスタマイズします
- プロジェクト全体で一貫したコードスタイルを保ちます
- 変更をコミットする前に Biome のチェックを実行します
- Biome の警告とエラーには速やかに対処します
- Biome のインポート整理機能を活用し、インポート文をすっきりと保ちます
- TypeScript 向けの Biome の高度なリンティング機能を活用します
- 自動チェックのため、Biome を CI/CD パイプラインに統合します
- Biome を最新の安定版に保ちます
- 必要に応じて Biome の無視パターンを使用し、特定のファイルやディレクトリを除外します
Vite のビルド最適化ルール
コードをレビューまたは作成する際は、以下のガイドラインを適用してください。
- コード分割などの最適化されたチャンク戦略を Vite のビルドプロセスに導入し、バンドルサイズを小さくします。
- 画像を最適化します。WebP 形式を使用し、サイズデータを含め、遅延読み込みを実装します。
Qwik 向け Vite プラグイン
コードをレビューまたは作成する際は、以下のガイドラインを適用してください。
- 最適化されたビルドのために Vite プラグインを活用します
統合されたスキル
このエキスパートスキルは、以下の 3 つの個別スキルを統合したものです。
- biome-rules
- vite-build-optimization-rule
- vite-plugins-for-qwik
メモリープロトコル(必須)
開始前:
cat .claude/context/memory/learnings.md
完了後: 新たに見つかったパターンや例外を記録してください。
中断を想定してください。コンテキストがリセットされる場合があります。メモリーに記録されていなければ、実施されていないものとして扱われます。
コメント
Markdown 対応