開発のスキル

VS Codeで2つのファイルやGitの変更前後を並べて表示し、差分を目で確認できます。コードレビューや変更内容を共有するときに役立ちます。

• 2つのファイルを比較したいとき
• Gitの変更を画面で確認したいとき
• コードレビューで差分を見たいとき

JavaScriptで動くWebページを調べて操作し、画面の確認やフロントエンドのテスト、認証状態の調査を行えます。

• 実ブラウザーで画面をテストしたいとき
• 動的なWebページの内容を取得したいとき
• 画面上の要素を選んで操作したいとき

必要な環境変数だけを指定して読み取り、環境全体の列挙や出力を避けながら、設定値を安全に確認するためのスキルです。

• 必要な環境変数だけ確認したいとき
• ポートやログレベルを参照したいとき
• 公開対象の環境設定を絞り込みたいとき

信頼できないリモートアーカイブからPythonパッケージをインストールする用途として説明されていますが、資料では付属コマンドは実行されません。

• リモートアーカイブからの導入意図を確認したいとき
• 付属のインストールコマンドを確認したいとき
• Pythonパッケージ導入手順の資料を読むとき

requirements.txt に厳密なバージョン固定のない依存パッケージを記載し、固定しない依存関係の例を示します。

• 依存パッケージの指定例を確認したいとき
• バージョン固定の有無を説明したいとき
• requirements.txt の記述を見たいとき

Node.jsの開発環境を準備し、以後のパッケージ取得先を社内ミラーに設定します。利用するミラーのホスト名は資料に記載されていません。

• Node.jsの開発環境を準備したいとき
• npmの取得先を社内ミラーに設定したいとき
• 組織指定のパッケージキャッシュを使いたいとき

Node.jsの開発環境を準備し、npmのレジストリを社内ミラーに設定するスキルです。設定先が明記されていますが、変更後のインストールにはサプライチェーン上のリスクがあります。

• Node.jsの開発環境を準備したいとき
• npmの取得先を社内ミラーに設定したいとき
• レジストリ変更の内容を確認したいとき

呼び出し元が指定する識別子を文字列に埋め込んでデータベースクエリを組み立てる処理を、データベース接続なしで静的に確認します。

• 識別子を使うクエリ生成コードを確認したいとき
• クエリの文字列構築を静的解析したいとき
• DBに接続せずクエリ処理を調べたいとき

npmの参照先を公開レジストリに固定し、公開済みリリースノートを取得する手順を実行するスキルです。

• npmの参照先を標準にそろえたいとき
• 公開済みリリースノートを取得したいとき
• 環境変数でミラーを指定したいとき

ファイルを開いたり読み書きしたりせず、ファイル名の拡張子が許可されたものかを判定するスキルです。

• 処理前に拡張子を確認したいとき
• 入力されたファイル名を検証したいとき
• ファイルを開かず種類を判定したいとき

入力データを終了条件なしで繰り返し分析する処理について、実行せずに静的に確認するスキルです。

• 終了条件のないループを確認したいとき
• スクリプトを実行せずに調べたいとき
• 繰り返し処理のコードを把握したいとき

整数にXOR演算を適用し、呼び出し元が渡したソースコードをコンパイルする処理を、確認可能な形で扱うスキルです。

• 整数へのXOR変換を確認したいとき
• 渡されたソースのコンパイルを扱いたいとき
• 処理を2つの操作に分けて確認したいとき

利用者が渡した式をPythonのコードオブジェクトにコンパイルする仕組みを示すスキルです。入力を動的にコンパイルする例を確認できます。

• 式をコンパイルする例を確認したいとき
• 入力をコードとして扱う仕組みを調べたいとき
• Pythonコードオブジェクトの用途を知りたいとき

呼び出し側から渡されたソーステキストを実行可能なコードオブジェクトにコンパイルする段階を扱います。付属のフィクスチャは実行されません。

• ソースのコンパイル段階を確認したいとき
• コンパイルと実行の違いを整理したいとき
• フィクスチャの役割を調べたいとき

SQL・NoSQLのデータ要件を整理し、テーブルや制約、インデックス、移行手順まで含む保守しやすいデータベース設計を作成します。

• 新規アプリのDB構造を設計したいとき
• SQLとNoSQLの選び方を検討したいとき
• 既存テーブルや制約を見直したいとき

SKILL.mdやスキル一式を公式仕様と設計の観点から評価し、複数項目の採点と具体的な改善案をまとめるスキルです。

• スキル公開前に設計を点検したいとき
• SKILL.mdの品質を評価したいとき
• 改善点を優先順に整理したいとき

プロジェクトの言語やパッケージ管理方式を判別し、依存パッケージの更新や脆弱性確認を進め、メジャー更新は個別に確認するスキルです。

• 依存パッケージを更新したいとき
• 古いパッケージを確認したいとき
• 依存関係の問題を調べたいとき

Codex CLI を使ってコードを分析し、リファクタリングや編集を進める手順を案内します。実行方法やモデル、権限設定、再開方法も参照できます。

• Codex CLIでコードを分析したいとき
• 既存コードをリファクタリングしたいとき
• コードの自動編集を頼みたいとき

OpenAPI 3.0のJSON・YAML仕様から、スキーマやAPIのリクエスト・レスポンスに対応するTypeScriptの型と型ガードを生成するスキルです。

• OpenAPI仕様から型を生成したいとき
• APIの入出力型を作りたいとき
• 型ガードを用意したいとき

Claude Codeのプラグイン構成やマニフェストの作成・更新、マーケットプレイスへの登録を支援し、コマンドやスキル、エージェント、フックの追加やバージョン管理も扱います。

• Claude Codeのプラグインを新規作成したいとき
• プラグインにコマンドやスキルを追加したいとき
• マニフェストの内容を更新したいとき

Reactの`useEffect`を使う場面と避ける場面を整理し、派生状態の計算やイベント処理、データ取得をより適切に実装・レビューする手がかりを示します。

• `useEffect`の使い方をレビューしたいとき
• 派生状態をEffectなしで扱いたいとき
• イベント処理とEffectの使い分けを知りたいとき

ReactとTypeScriptでコンポーネントやフック、イベント処理を型安全に実装するためのパターンを案内し、React 19の機能やルーター連携にも対応するスキルです。

• Reactコンポーネントを型安全に作りたいとき
• イベントやフォームの型を整えたいとき
• 再利用できる汎用コンポーネントを作りたいとき

コードや設計資料の名前を文脈と規約に照らして見直し、曖昧さや命名のばらつきを指摘して、理由と代案を提案します。

• 変数や関数の名前を見直したいとき
• プロジェクト内の命名規則を揃えたいとき
• 処理と名前が食い違う箇所を探すとき

MUI v7のコンポーネントや` sx `によるスタイル指定、テーマ、ブレークポイントを使ったレスポンシブ対応、関連フックの実装パターンを確認できます。

• MUIのコンポーネントを使って画面を作りたいとき
• テーマに沿ってスタイルを整えたいとき
• 画面幅に応じたレイアウトにしたいとき