EmblemAI React skill: add wallet login and chat to a React app

Helps Claude add EmblemAI login, wallet-enabled users and a chat window to your React app.

Installs: 8.8K; on skills.sh
Stars: 12; on GitHub
Files: 5; besides SKILL.md
Updated: May 2026; last repo commit

emblem-ai-react makes Claude write React code for EmblemAI's one-shot user management: an auth provider, a connect button, chat components and hooks. Four reference files cover React auth, chat, components and Migrate.fun hooks.

It loads when you mention EmblemAuthProvider, ConnectButton, wallet or social login for a React app, or Migrate.fun. It is for apps that build on Emblem's services. Claude installs npm packages and edits your project, and the chat component connects to a backend URL you configure.

Good for

React developers adding sign-in with wallets, email or social login
Teams that want each user to get a wallet-enabled account
Builders adding Migrate.fun hooks to a React app

Install emblem-ai-react

Claude Code

Copy this prompt.

Install the emblem-ai-react skill in Claude Code. Run this command:

npx skills add EmblemCompany/Agent-skills --skill emblem-ai-react

Then check that it loaded and tell me how to use it.

2
Paste it into Claude Code. It shows the change and asks before running it.

Requires Node.js.

The skill writes code into a project folder, so we store no Claude app upload for it.

From the project README. Source.

What's in the skill

When it loads

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.

Sections in SKILL.md

Security & Trust Model
Quick Start
Step 1: Install
Step 2: Use
What this gives a React app
Included React References
React Auth
React Chat
React Components
Migrate.fun React
Guidance
Related Skills

Key facts

Author: EmblemAI (EmblemCompany), in the vendor's own repo
License: MIT (LICENSE file and SKILL.md frontmatter)
Installs on skills.sh: 8,773 as of 2026-11-02
GitHub stars: 12 for the whole EmblemCompany/Agent-skills repo, 2026-11-02
skills.sh audits: Gen Agent Trust Hub pass, Socket pass, Snyk pass
What is inside: 6 files including SKILL.md: README and 4 reference guides (no scripts)
Needs: A React app, Node.js and npm; an EmblemAI app id
Works in: Claude Code, Cursor, Codex, OpenClaw and other Agent Skills tools per SKILL.md
Last repo commit: 2026-05-15

What it includes

EmblemAuthProvider, hooks and sign-in UI
Provider setup and hooks for wallets, email and social login.
Try: “Add EmblemAuthProvider and a ConnectButton to my React app.”
Write · React auth
EmblemAI chat with @emblemvault/hustle-react
Adds the chat UI. It talks to a backend URL set in config (hustleApiUrl).
Try: “Show a React app where users can sign in and chat.”
Write · React chat
The current auth and chat component list
A reference of available components.
Read · React components
Hooks, provider and project selectors
useProject and useProjects fetch project and token metadata from remote APIs for display.
Write · Migrate.fun React
npm install of the Emblem React packages
The reference files tell Claude to run npm install for @emblemvault/emblem-auth-react, @emblemvault/hustle-react and @emblemvault/migratefun-react.
Runs code · Install steps in the references

From the official docs

Permissions

Medium risk

Claude installs npm packages and writes sign-in and wallet code into your React project. Work on a branch and review every change.

What it can do

Read your data
Create and change things
Delete things
Read-only mode

Watch out for

It writes sign-in and wallet code into your app
SKILL.md allows Bash, Read and Write. Review every file Claude changes, especially provider setup and any keys or URLs, before you ship. github.com
It installs npm packages
The references tell Claude to run npm install for the Emblem React packages. Check the package names and versions in your lockfile. github.com
The chat component calls a backend URL
SKILL.md says HustleProvider connects to a configurable URL for prompt and tool orchestration. Use one you trust. github.com
Migrate.fun hooks fetch remote data
SKILL.md says useProject and useProjects fetch project metadata from remote APIs and render it for display. github.com

Security advisories

No published security advisories as of Nov 2, 2026.

Technical details

Turning on read-only	No read-only mode. It writes code into your project.
Talks to	The backend set in hustleApiUrl, described as first-party EmblemVault infrastructure. Remote project APIs used by the Migrate.fun hooks
Scopes	Claude runs npm install and writes React files in your project (allowed-tools: Bash, Read, Write)

Questions

What does the EmblemAI React skill do?

It guides Claude in adding EmblemAI sign-in, wallet-enabled users, chat components and Migrate.fun hooks to a React app.

Who is it for?

Developers building React apps on EmblemAI's services. It is not a general React or auth skill, and it is not meant for chatting with a wallet; use emblem-ai-agent-wallet for that.

How do I install it?

Use the install box at the top of the page. We store no Claude app upload because the skill writes code into a project folder.

Does it need an API key?

Its examples use an EmblemAI app id and a backend URL you configure. SKILL.md says the default backend is first-party infrastructure operated by EmblemVault. Check the Emblem docs for how to get an app id.

Is it safe?

It has Claude install npm packages and write sign-in and wallet code into your project. Review the diff, check the packages, and point the backend URL only at infrastructure you trust.

emblem-ai-react vs emblem-ai?

SKILL.md says to prefer this skill for React-only requests. emblem-ai is the broader one covering the TypeScript SDK, plugins and Reflexive.

Is this the official Emblem skill?

It is in EmblemCompany's own repo, which the README calls the official skill collection for EmblemAI.

Information

updated Nov 2, 2026

Repository: emblemcompany/agent-skills
Folder: skills/emblem-ai-react

emblemcompany/agent-skills skills.sh

Sources

Docs, issue trackers and discussions this page is built from.

Show all 4

README · github.com
emblem-ai-react SKILL.md · github.com
emblem-ai-react.md · github.com
migratefun-react.md · github.com