building-ui-bundle-app
ユーザーがReactアプリケーションやウェブアプリケーション、単一ページアプリケーション、フロントエンドアプリケーションの構築・作成・生成を希望する場合、プロジェクトファイルがなくても必ず有効化します。また、uiBundles/*/src/ディレクトリやsfdx-project.jsonを含むプロジェクトで、ゼロからアプリ・サイト・ページを作成するよう指示された場合も有効化します。複数のui-bundleスキルが必要なタスクの場合も使用してください。このスキルはエンドツーエンドで完全なアプリを構築する際に使用します。スキャフォルディング、機能、データアクセス、UI、統合、デプロイを正しい依存順序で調整するオーケストレーターです。これがないとフェーズが順序外で実行され、アプリが破損します。Lightning Experienceアプリにはカスタムオブジェクトの場合は使用しないでください。既存ページへの単一の編集には使用しないでください。
description の原文を見る
MUST activate when the user wants to build, create, or generate a React application, React app, web application, single-page application (SPA), or frontend application — even if no project files exist yet. MUST also activate when the project contains a uiBundles/*/src/ directory or sfdx-project.json and the prompt says create, build, construct, or generate a new app, site, or page from scratch — even if the prompt also describes visual styling. MUST also activate when the task spans more than one ui-bundle skill. Use this skill when building a complete app end-to-end. This is the orchestrator that coordinates scaffolding, features, data access, frontend UI, integrations, and deployment in the correct dependency order. Without it, phases execute out of order and the app breaks. Do NOT use for Lightning Experience apps with custom objects (use generating-lightning-app). Do NOT use for single-concern edits to an existing page (use building-ui-bundle-frontend).
SKILL.md 本文
UI Bundle アプリの構築
概要
自然言語の説明から、専門の UI bundle スキルを正しい依存関係順で調整し、完全でデプロイ可能な Salesforce React UI bundle アプリケーションを構築します。各スキルは、そのフェーズを実行する前に明確に読み込む必要があります。
このスキルを使うときは
使用する場合:
- ユーザーが Salesforce 上で「React アプリ」「UI bundle」「ウェブアプリ」または「フルスタックアプリ」をリクエストする
- ユーザーが「アプリを構築する」「アプリケーションを作成する」と言い、コンテキストが非 LWC ベースのフロントエンド(例:React)を示唆する
- 作業が、スキャフォルディング、機能、データアクセス、UI を備えた完全な UI bundle を生成する場合 -- 単一のコンポーネントを単独で作成するのではない場合
このスキルをトリガーすべき例:
- 「Salesforce データを使用して顧客ケースを管理する React アプリを構築する」
- 「検索とナビゲーション機能を持つ従業員ディレクトリ用の UI bundle を作成する」
- 「認証、データテーブル、ファイルアップロード機能を備えたフルスタック React アプリが必要」
- 「Sal
...
詳細情報
- 作者
- forcedotcom
- ライセンス
- NOASSERTION
- 最終更新
- 不明
Source: https://github.com/forcedotcom/afv-library / ライセンス: NOASSERTION
関連スキル
agent-browser
AI エージェント向けのブラウザ自動化 CLI です。ウェブサイトとの対話が必要な場合に使用します。ページ遷移、フォーム入力、ボタンクリック、スクリーンショット取得、データ抽出、ウェブアプリのテスト、ブラウザ操作の自動化など、あらゆるブラウザタスクに対応できます。「ウェブサイトを開く」「フォームに記入する」「ボタンをクリックする」「スクリーンショットを取得する」「ページからデータを抽出する」「このウェブアプリをテストする」「サイトにログインする」「ブラウザ操作を自動化する」といった要求や、プログラマティックなウェブ操作が必要なタスクで起動します。
anyskill
AnySkill — あなたのプライベート・スキルクラウド。GitHubを基盤としたリポジトリからエージェントスキルを管理、同期、動的にロードできます。自然言語でクラウドスキルを検索し、オンデマンドでプロンプトを自動ロード、カスタムスキルのアップロードと共有、スキルバンドルの一括インストールが可能です。OpenClaw、Antigravity、Claude Code、Cursorに対応しています。
engram
AIエージェント向けの永続的なメモリシステムです。バグ修正、意思決定、発見、設定変更の後はmem_saveを使用してください。ユーザーが「覚えている」「記憶している」と言及した場合、または以前のセッションと重複する作業を開始する際はmem_searchを使用します。セッション終了前にmem_session_summaryを使用して、コンテキストを保持してください。
skyvern
AI駆動のブラウザ自動化により、任意のウェブサイトを自動化できます。フォーム入力、データ抽出、ファイルダウンロード、ログイン、複数ステップのワークフロー実行など、ユーザーがウェブサイトと連携する必要があるときに使用します。Skyvernは、LLMとコンピュータビジョンを活用して、未知のサイトも自動操作可能です。Python SDK、TypeScript SDK、REST API、MCPサーバー、またはCLIを通じて統合できます。
pinchbench
PinchBenchベンチマークを実行して、OpenClawエージェントの実世界タスクにおけるパフォーマンスを評価できます。モデルの機能テスト、モデル間の比較、ベンチマーク結果のリーダーボード提出、またはOpenClawのセットアップがカレンダー、メール、リサーチ、コーディング、複数ステップのワークフローにどの程度対応しているかを確認する際に使用します。
openui
OpenUIとOpenUI Langを使用してジェネレーティブUIアプリを構築できます。これらはLLM生成インターフェースのためのトークン効率的なオープン標準です。OpenUI、@openuidev、ジェネレーティブUI、LLMからのストリーミングUI、AI向けコンポーネントライブラリ、またはjson-render/A2UIの置き換えについて述べる際に使用します。スキャフォルディング、defineComponent、システムプロンプト、Renderer、およびOpenUI Lang出力のデバッグに対応しています。