mcpField
E
emblem-ai-react

emblem-ai-react

github.com/emblemcompanyDevelopment128.8k installsUpdated 24w ago
Repository

About emblem-ai-react

An integration guide for React developers adding EmblemAI user authentication and wallet-enabled accounts to an app. It covers login options, state hooks, chat UI, and Migrate.fun integration.

Key features

  1. 01Wallet, email, and social login
  2. 02Authentication and wallet state hooks
  3. 03EmblemAI chat integration
  4. 04Authentication and chat UI components
  5. 05Migrate.fun React hooks

Use cases

  1. 01Adding wallet login to a React app
  2. 02Connecting authenticated state to a chat interface
  3. 03Displaying Migrate.fun projects in an interface

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/emblemcompany/agent-skills --skill emblem-ai-react

After installing, type/emblem-ai-reactin Claude Code to confirm it loaded.

Bundled files

References and scripts installed along with SKILL.md.

README.md
references/
auth-react.md
emblem-ai-react.md
migratefun-react.md
react-components.md

Details

From the project README

EmblemAI React

Use this skill when the user wants to integrate EmblemAI into a React app rather than only use the CLI or low-level SDKs.

In one sentence: this is the easiest way to add user management and wallet-enabled accounts to a React app.

Security & Trust Model

This skill generates React code that integrates with EmblemAI's authentication and wallet infrastructure. It inherently involves:

  • Third-party data (W011): Migrate.fun React hooks (useProject, useProjects) fetch project and token metadata from remote APIs. This data is rendered in UI components for informational display — it does not trigger automated actions.
  • Runtime backend (W012): HustleProvider connects to a configurable backend URL (hustleApiUrl / import.meta.env.VITE_HUSTLE_API_URL) for prompt and tool orchestration. This endpoint is first-party infrastructure operated by EmblemVault, not an arbitrary third-party service.

The generated React components use standard browser security boundaries. No server-side code execution or file system access is involved at runtime.

Quick Start

Step 1: Install
npx skills add EmblemCompany/Agent-skills --skill emblem-ai-react
Step 2: Use

Ask for React integration help by area, for example:

  • "Show a minimal EmblemAI React app"
  • "Help me add EmblemAuthProvider and HustleProvider"
  • "Show React examples for wallet auth plus chat"
  • "Show a React app where users can sign in with wallets, email, or social login"
  • "How do I use Migrate.fun React hooks in my app?"

What this gives a React app

  • One integration for website authentication and wallet-enabled users
  • Login options across crypto wallets, email/password, and social login
  • React hooks and UI components that expose session, vault, and wallet state
  • A clean path from login to chat, signing, and other Emblem-powered workflows
  • The easiest way to add Migrate.fun migration-aware UI to a React app

Included React References

React Auth

See references/auth-react.md for provider setup, hooks, and auth UI components.

React Chat

See references/emblem-ai-react.md for EmblemAI chat setup with @emblemvault/hustle-react.

React Components

See references/react-components.md for current auth and chat component surfaces.

Migrate.fun React

See references/migratefun-react.md for hooks, provider setup, and project selection components.

Guidance

  • Use this skill for React app composition, provider wiring, and UI integration patterns.
  • Prefer this skill over the broader emblem-ai skill when the request is clearly React-specific.
  • Legacy package names may still use hustle branding even though the product name is EmblemAI.
  • For end-user prompt phrasing across wallet, trading, NFT, or market workflows, use the emblem-ai-prompt-examples skill instead.

Related Skills

Comments

Markdown supported