LobeHub

AIモデルの知識 cutoff、系統、世代の情報を公式資料に基づいて調査・整理し、新規登録や一括補完で推測による誤記を防ぎます。

• 新しいAIモデルの情報を登録したいとき
• 知識 cutoffの根拠を調べたいとき
• モデルの系統や世代を整理したいとき

Reactのコンポーネント設計やスタイル選択、状態の置き場所、レイアウト、再描画の最適化について、既存のUI構成に沿った実装方針を示します。

• 既存のUI部品で画面を実装したいとき
• スタイル移行の方針を確認したいとき
• 状態を適切なコンポーネントに置きたいとき

1200行を超えるソースファイルを、テストで動作を確かめながら、振る舞いを変えずに役割ごとのモジュールへ分割する手順を案内します。

• 大きなソースファイルを分割したいとき
• 動作を保ったままモジュール化したいとき
• 分割前のテスト計画を立てたいとき

LobeHub CLIのコマンド構成や認証、出力、開発手順を把握し、新しいコマンドやサブコマンドを追加・保守するためのガイドです。

• CLIにコマンドを追加したいとき
• 認証やワークスペースの仕組みを調べたいとき
• テーブル・JSON出力を実装したいとき

既存のHarborやFrontierHarness評価をLobeHubのローカル環境またはCloudに対して実行し、事前確認や失敗箇所の切り分け、再開を支援します。

• 既存のHarbor評価を実行したいとき
• 失敗した評価ジョブを再開したいとき
• 評価環境の問題を切り分けたいとき

既存のキーボードショートカットを追加・登録するときに、キーの組み合わせや有効範囲、競合確認、設定画面の表示まで整える手順を案内します。

• 操作にショートカットを追加したいとき
• ショートカットの有効範囲を決めたいとき
• 登録や競合の問題を調べたいとき

Upstash WorkflowとQStashを使う非同期処理を、事前確認・ページ分割・並列実行の構成に整理し、再試行にも配慮した実装を設計します。

• 大量データの非同期処理を設計したいとき
• 実行前に対象件数を確認したいとき
• QStashの並列数や速度を調整したいとき

プロバイダーやモデル、エージェントの識別子と既存アイコンを対応づけ、既定アイコンが表示される問題やマッピング漏れを修正する開発用スキルです。

• 新しいプロバイダーにアイコンを割り当てたいとき
• モデルの既定アイコン表示を直したいとき
• モデルやエージェントの照合語を追加したいとき

@lobehub/ui/awesomeのランディングページ用コンポーネントを組み合わせ、製品や文書サイトのホーム画面を構成してリンクや配色まで整えます。

• 製品のランディングページを作りたいとき
• lobedocsのトップページを作りたいとき
• 動くコンポーネント例を配置したいとき

@lobehub/docs-kitを使った静的ドキュメントサイトの構成とページ作成を支援し、コンポーネントのデモやAPI表を含む文書をビルド時検証まで整えます。

• lobedocsで文書サイトを立ち上げたいとき
• デモ付きのコンポーネント文書を書きたいとき
• dumiからドキュメントを移行したいとき

@lobehub/docs-kitでドキュメントサイトを構築し、設定ファイルやコンポーネント解説、デモ、API表を整えてビルド時の検証まで行うスキルです。

• ドキュメントサイトを新しく構築したいとき
• デモやAPI表付きのコンポーネント文書を作りたいとき
• dumiのドキュメントを移行したいとき

lobe-uiのコンポーネントやドキュメントサイトをローカルブラウザーで確認し、表示や操作、テーマ、画面幅、実行時エラーを検証します。

• 変更したコンポーネントをブラウザーで確認したいとき
• デモの操作やテーマ表示を検証したいとき
• モバイル表示のスクリーンショットを残したいとき

lobe-uiの色トークンを測定・再生成し、ブランド色や状態色の見え方、ライト・ダーク両テーマのコントラストを調整するスキルです。

• ブランド色に合わせた色板を作りたいとき
• 状態色のピンク・灰色・茶色寄りを直したいとき
• ライト・ダークのコントラストを調整したいとき

@lobehub/ui 5.xのアプリを6.xへ移行し、依存関係やテーマ設定、コンポーネントの変更点を順に修正して動作を確認するスキルです。

• @lobehub/ui 5.xから6.xへ移行したいとき
• ThemeProviderやテーマ設定を置き換えたいとき
• codemodの指摘とコンポーネント変更を確認したいとき

@lobehub/ui/awesomeのランディングページ用コンポーネントを組み合わせ、製品や文書サイトのホーム画面を構成してリンクや配色まで整えます。

• 製品のランディングページを作りたいとき
• lobedocsのトップページを作りたいとき
• 動くコンポーネント例を配置したいとき

Compose a product or documentation home page from the @lobehub/ui/awesome landing components: LandingHero, AgentSkillCard, LogoMarquee, LandingSection, BentoGrid/BentoCard, CodeShowcase, FeatureGrid, InstallBanner and FluidGradient. Covers page structure, the lobedocs homePage hook, router links, theming the accent gradient, and a review checklist. Trigger on build a home page, landing page, docs home, marketing page, hero section, redesign home, lobedocs homePage, 首页, 落地页, 官网首页.

日本語の概要は準備中です。原文の説明を表示しています。

Set up and author a documentation site with @lobehub/docs-kit (the `lobedocs` CLI, React Router + Vite static docs used by ui.lobehub.com). Covers consumer repo layout, docs.config.ts, package scripts, component doc pages (index.mdx frontmatter, `?demo` imports, <Demo>, <Api>), guide pages, home page, changelog, and the build-time validations that reject bad docs. Trigger on docs-kit, lobedocs, defineDocsConfig, docs.config.ts, migrate from dumi, write component docs, add a demo, <Demo>, <Api>, index.mdx, 文档站, 写文档, 组件文档, 迁移 dumi.

日本語の概要は準備中です。原文の説明を表示しています。

Compose a product or documentation home page from the @lobehub/ui/awesome landing components: LandingHero, AgentSkillCard, LogoMarquee, LandingSection, BentoGrid/BentoCard, CodeShowcase, FeatureGrid, InstallBanner and FluidGradient. Covers page structure, the lobedocs homePage hook, router links, theming the accent gradient, and a review checklist. Trigger on build a home page, landing page, docs home, marketing page, hero section, redesign home, lobedocs homePage, 首页, 落地页, 官网首页.

日本語の概要は準備中です。原文の説明を表示しています。

Set up and author a documentation site with @lobehub/docs-kit (the `lobedocs` CLI, React Router + Vite static docs used by ui.lobehub.com). Covers consumer repo layout, docs.config.ts, package scripts, component doc pages (index.mdx frontmatter, `?demo` imports, <Demo>, <Api>), guide pages, home page, changelog, and the build-time validations that reject bad docs. Trigger on docs-kit, lobedocs, defineDocsConfig, docs.config.ts, migrate from dumi, write component docs, add a demo, <Demo>, <Api>, index.mdx, 文档站, 写文档, 组件文档, 迁移 dumi.

日本語の概要は準備中です。原文の説明を表示しています。

Author and fix the lobe-charts documentation site, which is built with @lobehub/docs-kit (the `lobedocs` CLI, a React Router + Vite static site). Covers this repo's layout, docs.config.ts, package scripts, component doc pages (index.mdx frontmatter, `?demo` imports, <Demo>, <Api>), the home page, the changelog, and the build-time validations that reject bad docs. Trigger on docs-kit, lobedocs, defineDocsConfig, docs.config.ts, write component docs, add a demo, <Demo>, <Api>, index.mdx, docs build error, 文档站, 写文档, 组件文档.

日本語の概要は準備中です。原文の説明を表示しています。

Compose a product or documentation home page from the @lobehub/ui/awesome landing components: LandingHero, AgentSkillCard, LogoMarquee, LandingSection, BentoGrid/BentoCard, CodeShowcase, FeatureGrid, InstallBanner and FluidGradient. Covers page structure, the lobedocs homePage hook, router links, theming the accent gradient, and a review checklist. Trigger on build a home page, landing page, docs home, marketing page, hero section, redesign home, lobedocs homePage, docs/home/home.tsx, 首页, 落地页, 官网首页.

日本語の概要は準備中です。原文の説明を表示しています。

Compose a product or documentation home page from the @lobehub/ui/awesome landing components: LandingHero, AgentSkillCard, LogoMarquee, LandingSection, BentoGrid/BentoCard, CodeShowcase, FeatureGrid, InstallBanner and FluidGradient. Covers page structure, the lobedocs homePage hook, router links, theming the accent gradient, and a review checklist. Trigger on build a home page, landing page, docs home, marketing page, hero section, redesign home, lobedocs homePage, 首页, 落地页, 官网首页.

日本語の概要は準備中です。原文の説明を表示しています。

Set up and author a documentation site with @lobehub/docs-kit (the `lobedocs` CLI, React Router + Vite static docs used by ui.lobehub.com). Covers consumer repo layout, docs.config.ts, package scripts, component doc pages (index.mdx frontmatter, `?demo` imports, <Demo>, <Api>), guide pages, home page, changelog, and the build-time validations that reject bad docs. Trigger on docs-kit, lobedocs, defineDocsConfig, docs.config.ts, migrate from dumi, write component docs, add a demo, <Demo>, <Api>, index.mdx, 文档站, 写文档, 组件文档, 迁移 dumi.

日本語の概要は準備中です。原文の説明を表示しています。

Upgrade a repo from @lobehub/lint 1.x (ESLint 8, .eslintrc / .eslintignore, Stylelint 15, CommonJS rc files) to @lobehub/lint 2.x (ESLint 10 flat config, *.config.mjs files), using lobe-ui as the template. A zero-dependency codemod rewrites the config files and package.json; this skill covers what is left. Trigger on: upgrade or migrate @lobehub/lint to v2, lobe-lint v2, ESLint 10 / flat config migration in a LobeHub repo, .eslintrc to eslint.config.mjs, "ERR_PACKAGE_PATH_NOT_EXPORTED" from a lint config, "Default export is not allowed", release notes ignoring .changelogrc.mjs, semantic-release ignoring .releaserc.mjs, 升级 lobe-lint 2, 迁移 eslint flat config.

日本語の概要は準備中です。原文の説明を表示しています。