開発のスキル

Next.jsアプリをCloudflare Workersで動かすために、vinextを使った新規作成、既存アプリの互換性確認・移行、開発とデプロイを支援します。

• Workers向けNext.jsアプリの新規作成
• 既存Next.jsアプリのvinextへの移行
• vinextとOpenNextの比較検討

Cloudflare Workersの実装・レビュー・本番向け設定を支援します。互換性や型、ログ、非同期処理を確認し、運用で問題になりやすいコードを見直します。

• 本番公開前のWorkersレビュー
• ログとトレースの設定
• 非同期処理と状態管理の点検

Cloudflare上で動くエージェントアプリの構築・デバッグ・レビューを支援します。状態の保存や定期実行、チャット連携を公式資料に沿って実装するスキルです。

• 状態を保存・同期するアプリ開発
• 定期実行とバックグラウンド処理の追加
• 会話を保存するチャットの実装

Cloudflareで通知メールの送信や受信メールの転送・処理を組み込みます。Workersや外部アプリとの連携、ドメイン設定、届かない原因の調査を支援します。

• Workersや外部アプリからの通知送信
• 受信メールの処理と転送
• 送信ドメインとバインディングの設定

チャットや予約管理などで共有データを保持し、同時処理の整合性を保つCloudflare Durable Objectsの実装・デバッグ・レビューを支援します。

• 状態を共有するチャットルームの実装
• 在庫更新や予約処理の調整
• WebSocketによるリアルタイム通知

Cloudflare Workersから隔離されたLinux環境を動かすアプリの開発・保守を支援します。安定版SDKに合わせ、コマンド実行やファイル操作、非推奨APIの整理を進めます。

• 隔離Linux環境でのコマンド・コード実行
• バックグラウンド処理の出力を受け取りたいとき
• コマンド間で作業場所や環境を保ちたいとき

Cloudflare Workersから隔離されたLinux環境を操作するアプリを、Sandbox SDKの1.0プレビュー版で開発・保守し、プロセスや端末の扱いを整理します。

• Sandbox SDKプレビュー版でのアプリ開発
• コマンド実行とプロセス出力の取得
• Sandboxアプリへの対話用端末の追加

コード監査、セキュリティ評価、性能分析、システム設計レビューを共通の書式で進め、根拠と重大度を整理し、優先順位付きの改善提案にまとめます。

• コード品質と保守上のリスクの監査
• セキュリティ上の脅威と対策の整理
• 応答遅延と資源不足の原因分析

Web記事やSNSの情報を収集するコードの作成を支援します。本文の抽出、失敗時の取得方法の切り替え、アクセス制限の検出を組み合わせた処理を設計します。

• Web記事の本文とタイトルの抽出
• 動的ページ用の取得方法を追加したいとき
• 有料購読画面やアクセス制限の検出

ReactとViteでTailwind CSS v4とshadcn/uiを導入し、色設定やダークモードを整備。テーマ切り替えの不具合修正やv3からの移行も支援します。

• Tailwind CSS v4の初期設定
• ライト・ダークテーマを切り替えたいとき
• 配色やCSS変数の不具合を直したいとき

専門知識や繰り返し作業をClaude向けスキルにまとめるため、利用例の整理からSKILL.mdと付属資料の設計、検証、配布用パッケージ化までを案内します。

• 定型業務をClaude向けスキルにしたいとき
• SKILL.mdと参照資料の構成整理
• 利用結果をもとに既存スキルを改善

コードを読んで、機能の仕組みや定義場所への質問に答えるスキル。ファイルと行番号を根拠に説明し、主要ファイルの役割や処理の関係も表や図で整理します。

• 機能の仕組みを理解したいとき
• 関数やコンポーネントの定義を探す
• 初めて読むコードの主要ファイルを把握

M365 CopilotとTeams向けに、設定ファイルで動作を定義するエージェントを作成・編集・展開します。外部サービス連携や指示文の見直し、多言語化も支援します。

• M365 CopilotやTeams用の新規作成
• API・MCP連携とOAuth認証の追加
• 回答に問題がある指示文の見直し

Microsoft Entra IDへのアプリ登録から認証設定、API権限の追加までを案内するスキル。MSALによるユーザーログインやサービス間認証の実装を支援します。

• Microsoft Entra IDへのアプリ登録
• コンソールアプリにログインを追加したいとき
• アプリのAPIアクセス権限を設定したいとき

リポジトリの実際の設定やコードを調べ、AIエージェント向けの作業手順をAGENTS.mdにまとめるスキル。既存ファイルは上書きせず、必要なフォルダに生成します。

• AI向けの開発手順を整備したいとき
• モノレポのパッケージ別手順を整理
• テスト手順とコード規約を文書化

M365 Copilot Chatに対話型ウィジェットを表示するMCPサーバーを開発するスキル。ReactとFluent UIによる画面作成、既存サーバーへの追加や接続検証を支援します。

• Copilot向け対話型画面の開発
• 既存MCPサーバーへの画面追加
• DevTunnels経由での接続検証

TeamsやCopilot向けのアプリとエージェントを作成し、ローカルテスト、Azureへの配置、エラー調査、Slackボットの移行までを支援するスキル。

• Teamsアプリやエージェントの新規作成
• Agents Playgroundでの動作確認
• Azureの資源準備とアプリ配置

SlackボットのTeams移行や両対応ボットの開発を支援するスキル。既存コードを分析し、画面部品の変換、認証連携、クラウド配置を機能ごとに案内します。

• 既存のSlackボットをTeamsへ移行したいとき
• SlackとTeams両対応ボットの開発
• Block KitをAdaptive Cardsへ変換

M365 Agents ToolkitのCLIとVS Code拡張機能の導入・更新を支援します。必要な対象に合わせて実行環境の確認と拡張機能のインストールを進めます。

• M365 Agents Toolkitの初期設定
• ATKのCLIの動作確認
• VS Code拡張機能の導入・更新

複数ファイルにまたがるコードの処理経路や依存関係を実装から追跡し、構造・データの流れ・設計上の課題を、図表とファイルの参照位置を添えて詳しく整理します。

• 複数ファイルにまたがる機能を理解したいとき
• 入力から出力までのデータ経路の調査
• 依存関係と設計上のリスクの確認

Gitのコミット履歴を読み、機能追加や修正などに分類した変更履歴を作成します。関連する変更をまとめ、利用者への影響や互換性を壊す変更を整理します。

• 最近の変更を把握したいとき
• 種類別の変更履歴を作成したいとき
• 関連コミットの利用者向け要約

RustアプリからAzure Key VaultのパスワードやAPIキーを保存・取得するスキル。プロパティの更新、削除、一覧取得、認証とエラー処理も扱います。

• RustからAPIキーを保存・取得したいとき
• 機密情報のタグや種類を更新したいとき
• 複数ページのプロパティ一覧取得

Reactで共有する状態をZustandとTypeScriptで管理し、状態と操作の型分け、必要な値だけの取得、React外での変更監視を整えるスキル。

• Reactアプリの共有ストア作成
• 状態と更新操作の型を整理したいとき
• 必要な値の変更時だけ再描画したいとき

JavaScript／TypeScriptでAzure Queue Storageのメッセージ送受信・確認・削除を実装し、処理中の非表示時間や失敗時の扱いを整えるスキル。

• キューのメッセージ送受信を実装したいとき
• 処理後にメッセージを削除するワーカー作成
• 長時間処理で非表示時間を延長したいとき