LobeHub

公開サイトのセルフホスト、デプロイ、移行、設定ガイドを、現行コードで内容を確かめながら整えるスキルです。

• セルフホストの手順をまとめたいとき
• デプロイや設定ガイドを作りたいとき
• 公開ページの移行に合わせてリンクを直したいとき

1画面ずつ、コード・スクリーンショット・実操作の3段階でUXを監査し、根拠付きの強みや課題をまとめて、修正やチェックリストへの反映につなげます。

• 画面単位でUXを監査したいとき
• スクリーンショットで表示を確認したいとき
• 実際の操作フローや性能を調べたいとき

Zustandのストア設計や型、セレクター、楽観的更新を整理し、local-replicaを使う一覧・詳細データと従来型ストアの扱い方を案内します。

• Zustandストアの状態設計をしたいとき
• 一覧・詳細データを同期したいとき
• 楽観的更新とロールバックを実装したいとき

GitHubのリリース向けに、ブランチやPRの進め方、CIによるバージョン付与の条件、リリースノートの作成手順を整理するスキルです。

• 機能追加のマイナーリリースを準備したいとき
• 週次リリースやホットフィックスを準備したいとき
• PRが自動リリース対象か確認したいとき

画面や操作フローの振る舞いを、空表示、入力保護、エラー回復、操作の分かりやすさなどのチェックリストに沿って設計・確認します。

• ユーザー向け画面を設計したいとき
• 入力や下書きの保護を確認したいとき
• エラー時の回復方法を見直したいとき

エージェントの実行記録を操作IDから調べ、失敗したツール呼び出し、入出力、LLMに渡した文脈を確認して原因を追えるようにします。

• 失敗したツール呼び出しを調べたいとき
• LLMに渡された文脈を確認したいとき
• 操作ごとのツールと結果を追いたいとき

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

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

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

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

SWRを使うデータ取得の設計や、読み込み・エラー表示、キャッシュ更新、既存のuseEffect fetchの移行方法を案内する開発スキルです。

• コンポーネントの取得処理をストアへ移したいとき
• 更新後の古いキャッシュを直したいとき
• 読み込み・空・エラー表示を整理したいとき

Claude CodeやCodexなど複数の外部CLIエージェントから公式プロバイダー経由でモデルを実行し、互換性を実環境で確認するスキルです。

• 利用可能なエージェントとモデルを一覧にしたいとき
• 変更を複数のCLIで互換性確認したいとき
• ライブ検証の証拠と結果を確認したいとき

アプリから使うLLMのプロンプト、構造化出力、モデル選択、生成ログの設計を整理し、業務ごとの生成処理を追跡しやすくするスキルです。

• 再利用するプロンプトを版管理したいとき
• LLMの構造化出力をサービスに組み込みたいとき
• 生成処理のモデルや実行状況を追跡したいとき

LobeHubにAIモデルプロバイダーを追加し、実行時連携からモデル表示、設定、ブランド表記、文書化、動作確認まで進めるスキルです。

• 新しいAIモデルプロバイダーを追加したいとき
• プロバイダーの設定手順や説明文を更新したいとき
• 既存プロバイダーへのモデル追加要件を見極めたいとき

英語・中国語の製品更新を、実際の変更内容に沿って対訳で紹介するドキュメント用チェンジログの執筆スキルです。

• サイト掲載用の更新履歴を作りたいとき
• 英語・中国語の告知をそろえたいとき
• 変更点を利用者の作業ごとに整理したいとき

Electronアプリのメイン・レンダラー間の連携やウィンドウ管理など、デスクトップ機能を追加する実装手順を案内するスキルです。

• Electronアプリに機能を追加したいとき
• IPCの型やサービスの配置を確認したいとき
• メニューやウィンドウを管理したいとき

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

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

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

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

大きな機能を、画面や共有ページごとに必要な能力だけ読み込む部品へ分け、状態や処理の置き場所も整理する設計指針です。

• 複数の画面で機能を共有したいとき
• 軽量な画面に不要な機能を読み込みたくないとき
• 機能ごとに状態と処理を分けたいとき

TypeScriptの型安全性やコードの書き方を整え、非同期処理やimport、エラー抑制も含めて一貫した実装を進めるための指針です。

• 型安全性を保ちながら編集したいとき
• 非同期I/Oを追加したいとき
• importやexportの方針を確認したいとき

`debug`ライブラリでログを出す際の名前空間や書式、ブラウザー・Node.js・Electronでの出力有効化方法を確認できるスキルです。

• モジュールにデバッグログを追加したいとき
• ログの名前空間を決めたいとき
• ブラウザーでログ出力を有効にしたいとき

PRや差分を独立した視点で確認し、ロジック、性能、セキュリティなど複数の観点から問題を探して、根拠を添えたレビュー結果にまとめます。

• PRの不具合をレビューしたいとき
• PRを出す前にブランチを確認したいとき
• 複数エージェントで詳しくレビューしたいとき

Vitestのテスト作成や失敗原因の調査で、モックの使い分け、実装詳細に偏らない検証、データベースやUIなど対象別のテスト方針を確認できます。

• 不具合の回帰テストを追加したいとき
• Vitestの失敗原因を調べたいとき
• DBやUIのテスト方針を確認したいとき

LobeHub Desktopの脆弱なバージョンを調査し、対象チャネルやOSを指定して署名付きポリシーで更新を強制するスキルです。

• 現在のセキュリティポリシーを確認したいとき
• 脆弱なバージョンの制限をプレビューしたいとき
• 不要になったセキュリティルールを取り消したいとき

`@lobehub/ui/base-ui` のモーダルAPIを使い、確認ダイアログや画面表示を組み込む実装方法と注意点を案内します。

• 確認ダイアログを追加したいとき
• 機能別のモーダルを実装したいとき
• 閉じた後の状態処理を確認したいとき

製品内データの全文検索について、PostgreSQLやElasticsearchの検索経路、権限確認、索引更新、再構築の設計と変更を支援します。

• 製品内の検索対象を追加したいとき
• 検索プロバイダーを変更したいとき
• マッピングや検索文書を更新したいとき