LobeHub

Web・デスクトップ・モバイルのUI設計を、業務理解から構造・操作・見た目・文言・公開前レビューまで段階的に進め、指示の規模に応じて必要な作業を選びます。

• 管理画面やダッシュボードを新しく設計したいとき
• 既存の画面や操作を磨き込みたいとき
• スクリーンショットから画面を再現したいとき

SPAの画面追加やルーター設定で、ページの入口と機能実装の置き場所を整理し、Web・デスクトップ・モバイル間のルート差分や読み込み時の表示も一貫させるための指針です。

• SPAに新しいページを追加したいとき
• routeとfeatureの配置を決めたいとき
• Web・デスクトップ・モバイルのルートを揃えたいとき

現在のブランチからプルリクエストを作成し、DBやサーバー契約を先にマージする必要がある変更は、依存順の複数PRに分けて整理します。

• 現在のブランチからPRを作成したいとき
• サーバーとクライアントの変更を順に分けたいとき
• PRの依存関係とマージ順を整理したいとき

エージェントが作成・更新した課題やファイルなどをWorkとして登録し、重複を防ぎながらカード表示や履歴、CLI結果の検出につなげる仕組みを扱います。

• エージェントの成果をカードで記録したいとき
• CLIの作成・編集結果を検出したいとき
• Workの重複登録を防ぎたいとき

プロジェクト内のスキルを定期点検し、重複や役割の競合、古い参照、説明との不一致を見つけて、修正候補を根拠とともに整理します。

• スキルの重複を点検したいとき
• 説明と本文のずれを確認したいとき
• 古い参照やリンク切れを探したいとき

DiscordやSlackなどの実際のチャットアプリでボットにメッセージを送り、応答を画面で確認する受け入れテストを行うスキルです。

• 実際のDiscordでボット応答を確かめたいとき
• SlackやTelegramの会話経路をテストしたいとき
• macOSアプリ上の操作結果を画面で記録したいとき

断続的な画面表示や古い状態、順序、画面遷移などの不具合を、承認済みの環境で再現し、データが壊れる最初の境界を特定します。

• 断続的な画面不具合を再現したいとき
• 遷移後に古い状態が出る原因を調べたいとき
• 表示順が崩れる境界を特定したいとき

コードやテストをどのディレクトリに置き、どう命名するかを整理し、1200行を超えるファイルの分割方針やテスト配置の基準を示します。

• 新しいソースファイルの置き場所を決めたいとき
• テストファイルの配置を揃えたいとき
• 大きなファイルの分割方針を決めたいとき

LobeHubの組み込みエージェントツールを追加・拡張するときに、実行処理や画面表示、登録設定までの設計と実装方針を確認できるスキルです。

• 組み込みツールを新規作成したいとき
• 既存ツールにAPIを追加したいとき
• 実行中や結果の画面を設計したいとき

Drizzle ORMでテーブルやインデックス、型を定義し、JOINや集計を含むクエリをスキーマに沿って書くための指針をまとめたスキルです。

• 新しいテーブルやインデックスを定義したいとき
• JOINや集計を含む型付きクエリを書きたいとき
• Drizzleのスキーマやクエリを規約に沿って見直すとき

alintのモデル判定型ルールを追加・調整し、実際のコードで誤検出を確かめながら警告・エラーの基準や実行コストを管理するスキルです。

• モデル判定型のコードルールを追加したいとき
• ルールの誤検出を実コードで減らしたいとき
• 警告をエラーに昇格する基準を決めたいとき

イベントを起点にエージェントのバックグラウンド処理を組み立て、ソース・シグナル・アクション・ポリシーの役割分担や非同期連携を実装するためのスキルです。

• イベント起点の処理を追加したいとき
• バックグラウンド処理を非同期化したいとき
• 重複実行を防ぐ仕組みを整えたいとき

LobeHubの実際のUIコンポーネントやテーマを使った、操作できるHTMLプロトタイプを作るための手順を示します。画面の状態や操作の流れを形にし、設計を確かめる用途に使えます。

• 操作できる画面案を作りたいとき
• 実際のUI部品で見た目を確認したいとき
• 空・読み込み・エラー状態を試したいとき

サーバー側のtRPCルーターや手続きを追加するときに、入力検証、認証済みモデルの受け渡し、応答形式、エラー処理を既存の規約に沿って組み立てるためのガイドです。

• サーバーにクエリや更新処理を追加したいとき
• 入力値をZodで検証したいとき
• 関連データをまとめて返したいとき

新機能や画面の再設計で、業務上の事実と利用者の目的を整理し、何を作るべきか、根拠や未決事項とともに定めるためのスキルです。

• 新しい画面で解決する課題を定めたいとき
• 曖昧な再設計依頼を整理したいとき
• 業務の実態と画面構成を照らしたいとき

Linearの課題を確認・更新し、進捗や完了内容を共有しながら、依存関係に沿ったサブ課題の分解と整理を支援します。

• 着手前に課題の内容を確認したいとき
• 進捗や完了結果を課題に記録したいとき
• 大きな作業を依存関係付きで分割したいとき

Zustandのストアで一覧・詳細データやIDをキーにしたマップをどう設計するか、関連ガイドへの入口を示します。

• Zustandの一覧・詳細データを設計したいとき
• IDキーのマップ構成を確認したいとき
• reducerや共有型の置き場所を調べたいとき

Claude CodeやCodexなど外部エージェントの起動から、イベント変換、ツール実行結果の保存、会話への反映までを追い、連携処理の不具合を調べます。

• Claude Codeのイベント処理を調べたいとき
• Codexのツール結果を追跡したいとき
• 外部エージェントの起動情報を確認したいとき

Drizzleのマイグレーション生成からSQLの冪等化、オンライン索引作成、データ補完、開発中の再生成やrebase競合まで、DB変更の進め方を整理します。

• DBスキーマ変更の展開方法を決めたいとき
• 大きなテーブルに索引を追加したいとき
• 既存データの補完処理を設計したいとき

React Routerを使った独立型マイクロアプリの分割から、SSR・SSG、Cloudflare Workersへの配信、SEOやプレビューの構成までを設計・保守するスキルです。

• 大きなアプリを独立した画面群に分割したいとき
• React RouterでSSRや事前生成を構成したいとき
• WorkerのSSRバンドルを軽量化したいとき

Response APIの実装に公式準拠テストを実行し、基本応答やストリーミング、ツール呼び出しなどの失敗から、認証やレスポンス形式の問題を調べるスキルです。

• Response APIの準拠テストを実行したいとき
• エンドポイントのスキーマ不整合を調べたいとき
• 特定の応答テストだけ再実行したいとき

実際の製品を操作して、利用者が確認できる動作証拠を集め、検証計画に沿った受け入れレポートとして公開するスキルです。

• 変更後の製品動作を実地で検証したいとき
• 画面キャプチャなどの証拠を集めたいとき
• 検証計画とレポートを作成したいとき

LobeHubのOSSリポジトリ内で、画面・状態管理・API・DBなど各層の役割と主要ディレクトリを把握し、変更箇所を探す手がかりを得られます。

• 変更対象のコード層を探したいとき
• 画面からDBまでの流れを追いたいとき
• 主要パッケージの役割を把握したいとき

Git worktreeを監査し、マージ済み・古いブランチや保護対象を分類して、安全に整理するための候補と確認点を示します。

• 古いworktreeを整理したいとき
• マージ済みブランチを確認したいとき
• 未 push の作業を保護したいとき