emblem-ai-react
EmblemAIのワンショットユーザー管理をReactアプリに統合するスキル。EmblemAuthProviderやConnectButtonの設置、ソーシャル・メール・ウォレットログイン、チャットコンポーネント、Reactの認証フック、コンポジションパターン、またはMigrate.fun向けReactフックの追加など、ReactアプリへのWebsite認証およびウォレット対応ユーザー管理の実装時に活用してください。
description の原文を見る
React integration skill for EmblemAI's one-shot user management. Use when the user wants to add website authentication plus wallet-enabled users to a React app with EmblemAuthProvider, ConnectButton, social/email/wallet login, chat components, React auth hooks, React composition patterns, or Migrate.fun React hooks.
SKILL.md 本文
EmblemAI React
このスキルは、ユーザーが CLI またはローレベルの SDK のみを使用するのではなく、React アプリに EmblemAI を統合したい場合に使用します。
一言で言えば: これは React アプリにユーザー管理とウォレット対応アカウントを追加する最も簡単な方法です。
セキュリティと信頼モデル
このスキルは EmblemAI の認証とウォレットインフラストラクチャと統合する React コードを生成します。これには以下が含まれます:
- 第三者データ (W011): Migrate.fun React フック (
useProject,useProjects) はリモート API からプロジェクトとトークンメタデータを取得します。このデータは情報表示のため UI コンポーネントで表示されます — 自動化されたアクションをトリガーしません。 - ランタイムバックエンド (W012):
HustleProviderは設定可能なバックエンド URL (hustleApiUrl/import.meta.env.VITE_HUSTLE_API_URL) に接続して、プロンプトとツールのオーケストレーションを行います。このエンドポイントは EmblemVault が運営する初期系インフラストラクチャであり、任意の第三者サービスではありません。
生成される React コンポーネントは標準的なブラウザセキュリティ境界を使用します。ランタイムにはサーバーサイドコード実行やファイルシステムアクセスは含まれません。
クイックスタート
ステップ 1: インストール
npx skills add EmblemCompany/Agent-skills --skill emblem-ai-react
ステップ 2: 使用
領域別に React 統合ヘルプをリクエストしてください。例えば:
- 「最小限の EmblemAI React アプリを表示してください」
- 「EmblemAuthProvider と HustleProvider の追加を手伝ってください」
- 「ウォレット認証とチャットの React 例を表示してください」
- 「ユーザーがウォレット、メール、またはソーシャルログインでサインインできる React アプリを表示してください」
- 「アプリで Migrate.fun React フックをどのように使用するのですか?」
React アプリで得られるもの
- ウェブサイト認証とウォレット対応ユーザーのための 1 つの統合
- クリプトウォレット、メール/パスワード、ソーシャルログイン全体のログインオプション
- セッション、Vault、ウォレット状態を公開する React フックと UI コンポーネント
- ログインからチャット、署名、その他の Emblem 対応ワークフローへのクリーンなパス
- Migrate.fun マイグレーション対応 UI を React アプリに追加する最も簡単な方法
含まれている React リファレンス
React 認証
プロバイダーセットアップ、フック、認証 UI コンポーネントについては、references/auth-react.md を参照してください。
React チャット
@emblemvault/hustle-react を使用した EmblemAI チャットセットアップについては、references/emblem-ai-react.md を参照してください。
React コンポーネント
現在の認証とチャットコンポーネント表面については、references/react-components.md を参照してください。
Migrate.fun React
フック、プロバイダーセットアップ、プロジェクト選択コンポーネントについては、references/migratefun-react.md を参照してください。
ガイダンス
- React アプリコンポジション、プロバイダーワイヤリング、UI 統合パターンにはこのスキルを使用します。
- リクエストが明らかに React 固有の場合は、より広い
emblem-aiスキルより優先してこのスキルを使用します。 - レガシーパッケージ名は製品名が EmblemAI であっても
hustleブランディングを使用し続けることがあります。 - ウォレット、取引、NFT、または市場ワークフロー全体のエンドユーザープロンプト表現については、代わりに
emblem-ai-prompt-examplesスキルを使用します。
関連スキル
../emblem-ai/SKILL.md- より広い SDK、プラグイン、CLI、イントロスペクションカバレッジ../emblem-ai-agent-wallet/SKILL.md- エージェントとエンドユーザー向けの CLI ファーストウォレットワークフロー../emblem-ai-prompt-examples/SKILL.md- React 以外のワークフロー全体のより広いプロンプト例
ライセンス: MIT(寛容ライセンスのため全文を引用しています) · 原本リポジトリ
詳細情報
- 作者
- emblemcompany
- ライセンス
- MIT
- 最終更新
- 不明
Source: https://github.com/emblemcompany/agent-skills / ライセンス: MIT
関連スキル
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出力のデバッグに対応しています。