開発のスキル

ReactやNext.jsの画面、コンポーネント、フォーム、スタイルを、既存の設計ルールやUI部品に合わせて実装・確認するスキルです。

• Reactのページや部品を追加したいとき
• 画面をスマートフォン向けに整えたいとき
• フォームの入力チェックを実装したいとき

システムやモジュールの境界を見直し、設計案ごとの利点やリスクを比較して、判断の根拠や検証方法を記録するスキルです。

• 設計案の利点とリスクを比べたいとき
• モジュールやサービスの境界を見直したいとき
• 依存関係やAPIの課題を調べたいとき

ソフトウェアの構成やモジュール・サービスの境界を整理し、選択肢ごとのコストやリスクを比べて、根拠と検証手順を添えた推奨案や設計記録をまとめます。

• システム設計案を比較したいとき
• モジュールやサービスの境界を決めたいとき
• 依存関係や変更しづらさを診断したいとき

Flutter、React Native、Swiftでモバイルアプリの画面やデータ連携を実装し、端末機能や各プラットフォームの作法に沿った動作確認も支援します。

• Flutterの画面を実装したいとき
• SwiftでiOS機能を追加したいとき
• 画面とアプリデータを連携したいとき

OMAスキルの構成や参照資料を作成・見直し、適切な振り分け、実行手順、条件付き読み込み、検証方法を整えるスキルです。

• OMAスキルを新規作成したいとき
• スキルの起動条件を見直したいとき
• 実行手順や参照資料を整理したいとき

Gitのブランチ作成やマージ、コミット、競合解消、リリース管理を、変更範囲を明確にして進めるスキルです。

• 変更を分けてコミットしたいとき
• ブランチや作業ツリーを管理したいとき
• マージ競合を解消したいとき

エラーやクラッシュの再現から原因の特定、最小限の修正、再発を防ぐテストまで進め、確認結果と残る課題を整理するデバッグ用スキルです。

• エラーの原因を特定したいとき
• クラッシュを再現して修正したいとき
• 回帰バグを直してテストを追加したいとき

変更内容を確認して対象ファイルを選び、Conventional CommitsとDCO署名の形式でGitコミットを作成します。

• 変更を確認してコミットしたいとき
• コミットメッセージの形式をそろえたいとき
• DCO署名付きで変更を記録したいとき

現在のブランチの変更とコミットを確認し、規約に沿ったタイトルとテンプレートでプルリクエストを作成します。

• 作業ブランチをPRに出したいとき
• 変更全体をPR本文にまとめたいとき
• テンプレートに沿ってPRを作りたいとき

既存のMarkdown記事を読み込み、サイトの技術構成やデザインに合わせて、一覧・記事・ハブページと相互リンクを実装するスキルです。

• 既存記事をサイトのページにしたいとき
• リソースセンターの一覧を作りたいとき
• 関連記事や内部リンクを整えたいとき

Webサイトのコードを点検し、AI検索が内容を見つけて読み取り、引用しやすくするためのメタ情報や構造化データ、本文構成などを修正します。

• AI検索向けのコード改善をしたいとき
• 監査レポートの修正を反映したいとき
• 構造化データをページに追加したいとき

Expo、React Native CLI、Re.Packの構成を見分け、Storybookの設定ファイルや起動経路、バンドラー連携をプロジェクトに合わせて整えるスキルです。

• ExpoアプリにStorybookを導入したいとき
• Expo Router向けの起動経路を設定したいとき
• Re.PackにStorybookを接続したいとき

React NativeコンポーネントのStorybookストーリーを作成・編集し、propsの操作設定やテストでの再利用方法も整えるスキルです。

• コンポーネントのストーリーを追加したいとき
• propsを操作できる設定にしたいとき
• ストーリーをJestテストで再利用したいとき

React Native Storybookを対応する移行経路に沿って一段階ずつ更新し、依存関係や設定、生成ファイル、必要なストーリー形式の変更を進めるスキルです。

• Storybookを次の対応バージョンへ移行したいとき
• 現在のバージョンと次の移行段階を確認したいとき
• storiesOf形式をCSFへ変換したいとき

検索や取得を繰り返すスキルの設計・修正に使う参照ガイドです。検証方法や終了条件、反復の上限を決め、処理が止まらない・完了を誤認するといった問題を防ぎます。

• 反復する調査スキルを設計したいとき
• 検索や取得の終了条件を決めたいとき
• 進展なく繰り返す処理を見直したいとき

Vben Admin 5.0を使うVue 3の管理画面開発を支援し、ルートや権限、テーマ、API接続、国際化などの実装方法を案内します。

• Vben Adminに画面やルートを追加したいとき
• ロール別の表示権限を設定したいとき
• 管理画面のテーマを調整したいとき

Deep Agentsの作業ファイルや記憶の保存先を選び、スレッド内だけの一時保存から、セッションをまたぐ保存、ローカルファイルへのアクセスまで設定する方法を案内します。

• 一時ファイルと長期保存するメモを分けたいとき
• 別セッションでも設定やメモを参照したいとき
• パスごとにファイルの保存先を振り分けたいとき

公式クイックスタートに沿って、Pythonで動く最小限のLangChainエージェントを新しいローカルフォルダーに作り、実行する手順を案内します。

• LangChainをローカルで試したいとき
• 小さなPythonエージェントを作りたいとき
• 公式の天気エージェント例を動かしたいとき

LangGraph CLIを使い、プロジェクトのひな形作成からローカル開発、Dockerでの検証、デプロイやログ確認まで進めるスキルです。

• LangGraphアプリのひな形を作りたいとき
• ローカル開発サーバーを起動したいとき
• Dockerで本番相当の環境を試したいとき

公式クイックスタートをもとに、PythonでDeep Agentをローカル構築して調査例を実行します。検索にはTavilyではなく、選んだモデルプロバイダーの組み込み機能を使います。

• Deep Agentsをローカルで試したいとき
• Pythonの調査エージェントを作りたいとき
• プロバイダー組み込み検索を使いたいとき

Deep Agentsのサブエージェントへの作業委任、複数手順の計画、重要な操作への人の承認を設定し、実行の流れを組み立てる方法を案内します。

• 調査や専門作業を別エージェントに委任したいとき
• 複数手順の作業を計画・追跡したいとき
• 重要な操作の前に人の承認を挟みたいとき

LangGraphで状態を持つエージェントやワークフローを実装するために、状態設計、ノードとエッジの接続、分岐、並列処理、実行方法、エラー処理の基本を確認できます。

• 分岐のある処理をグラフにしたいとき
• 状態と更新方法を設計したいとき
• 並列処理や条件付き遷移を使いたいとき

TypeScriptでLangGraphを試すための最小構成を、公式クイックスタートに沿ってローカルに作る手順を案内します。モデルの選択から環境設定、実行例まで進められます。

• LangGraphをローカルで試したいとき
• TypeScriptで最小構成を作りたいとき
• モデルを選んで計算エージェントを動かしたいとき

Deep Agentsでエージェントを作る際に、作成関数や組み込み機能、設定方法、SKILL.mdの形式を確認し、計画・ファイル管理・委任・記憶などを備えた構成を組み立てるためのスキルです。

• Deep Agentsの基本構成を作りたいとき
• ミドルウェアの選び方を確認したいとき
• スキルを読み込む設定をしたいとき