Emblem Ai
Add wallet-native and social login, embedded AI chat, and observability to a React app using EmblemAI packages in one integration pass.
Overview
Emblem-ai is an agent skill for the Build phase that integrates Emblem user management, multi-chain wallet auth, and embedded AI chat into React apps.
Install
npx skills add https://github.com/emblemcompany/agent-skills --skill emblem-aiWhat is this skill?
- One-shot user management linking website users with wallet-enabled profiles
- Login via wallets (Ethereum, Solana, Bitcoin, Hedera), email/password, Google, Twitter/X
- React providers and ConnectButton plus HustleChat embed patterns
- AI plugins with approval prompts for custom agent tools
- Reflexive observability for AI-assisted app introspection and debugging
- 4 wallet chains listed (Ethereum, Solana, Bitcoin, Hedera)
- 5 feature pillars in Quick Start overview
Adoption & trust: 8.7k installs on skills.sh; 10 GitHub stars; 2/3 security scanners passed (skills.sh audits).
What problem does it solve?
You want wallet and social login plus in-app AI chat without stitching disparate auth, wallet, and chat SDKs by hand.
Who is it for?
Indie builders shipping React wallet-native or hybrid Web2/Web3 SaaS who need Emblem auth and Hustle chat wired quickly.
Skip if: Non-React stacks with no npm frontend, backends that only need raw REST docs without UI integration, or teams avoiding third-party auth SDKs entirely.
When should I use this skill?
User integrates Emblem auth, Hustle chat, or Reflexive observability into a React or wallet-native app.
What do I get? / Deliverables
Your app uses Emblem providers and components for sign-in, chat, and optional Reflexive observability, with wallet CLI flows deferred to the agent-wallet skill.
- Provider-wrapped app shell with auth UI
- Embedded chat surface configuration
- Pointers for Reflexive observability setup
Recommended Skills
Journey fit
Auth, chat embeds, and plugin wiring happen while the product is being built—not after launch analytics or operate-only tuning. Integrations subphase captures third-party SDKs (Emblem auth, Hustle chat, Reflexive introspection) connecting your UI to external identity and AI surfaces.
How it compares
Emblem integration skill for embedded auth and chat—not a generic OAuth tutorial or a standalone MCP server catalog entry.
Common Questions / FAQ
Who is emblem-ai for?
Developers building wallet-aware web apps who want Emblem’s React auth, chat, and observability packages guided by an agent.
When should I use emblem-ai?
During Build integrations while adding ConnectButton, HustleChat, or Reflexive debugging to a prototype or MVP before ship security review.
Is emblem-ai safe to install?
Review npm package sources and the Security Audits panel on this Prism page before wiring production auth or wallet flows.
SKILL.md
READMESKILL.md - Emblem Ai
# EmblemAI developer tools EmblemAI developer tools for one-shot user management, multi-chain wallet authentication, AI chat surfaces, and developer observability workflows. With Emblem, you get the easiest way to add user management for wallet-native apps without juggling separate auth and wallet stacks. Users can sign in with wallets, email/password, or social login, then continue into chat, plugin, or Reflexive experiences. Wallet/CLI-first workflows are documented in the dedicated agent-wallet skill so this core skill can stay focused on auth, UI, and introspection. Legacy package names such as `@emblemvault/hustle-react` and `hustle-incognito` are preserved below until the underlying npm surfaces are renamed. ## Features - **One-shot User Management**: create website users who also have wallet-enabled profiles - **Flexible Login Options**: wallets, email/password, Google, Twitter/X - **Wallet Authentication**: Ethereum, Solana, Bitcoin, Hedera - **AI Chat & Plugins**: Embed EmblemAI chat surfaces and connect your own tools with approval prompts - **React Components**: Pre-built UI for rapid development - **Reflexive Observability**: AI-powered app introspection for debugging and operations ## Quick Start See [SKILL.md](./SKILL.md) for full documentation. ### React App ```tsx import { EmblemAuthProvider, ConnectButton } from '@emblemvault/emblem-auth-react'; import { HustleProvider, HustleChat } from '@emblemvault/hustle-react'; function App() { return ( <EmblemAuthProvider appId="your-app-id"> <HustleProvider> <ConnectButton /> <HustleChat /> </HustleProvider> </EmblemAuthProvider> ); } ``` If you want to integrate EmblemAI into your own React app, see the dedicated [../emblem-ai-react/SKILL.md](../emblem-ai-react/SKILL.md) skill for the React-specific examples and references. ### Need CLI or wallet-first automations? Use [../emblem-ai-agent-wallet/SKILL.md](../emblem-ai-agent-wallet/SKILL.md) plus [skills/emblem-ai/references/agentwallet.md](./references/agentwallet.md) whenever the user needs the Agent Wallet CLI, credential bootstrap guidance, or automation recipes. ## Documentation - [SKILL.md](./SKILL.md) - Main documentation - [references/](./references/) - Detailed API references - [agentwallet.md](./references/agentwallet.md) - CLI for AI agents - [auth-sdk.md](./references/auth-sdk.md) - Authentication SDK - [auth-react.md](./references/auth-react.md) - React auth hooks - [emblem-ai-react.md](./references/emblem-ai-react.md) - React EmblemAI chat - [emblem-ai-incognito.md](./references/emblem-ai-incognito.md) - EmblemAI SDK - [plugins.md](./references/plugins.md) - Plugin integrations - [react-components.md](./references/react-components.md) - Component reference - [react-skill-proposal.md](./references/react-skill-proposal.md) - Proposed React scope adjustments - [reflexive.md](./references/reflexive.md) - AI app introspection - [../emblem-ai-react/SKILL.md](../emblem-ai-react/SKILL.md) - React-only view with migrate.fun hooks - [../emblem-ai-agent-wallet/SKILL.md](../emblem-ai-agent-wallet/SKILL.md) - Dedicated Agent Wallet CLI skill - [../emblem-ai-prompt-examples/SKILL.md](../emblem-ai-prompt-examples/SKILL.md) - Standalone EmblemAI prompt catalog shared across skills For a React-only install surface, use [../emblem-ai-react/SKILL.md](../emblem-ai-react/SKILL.md). ## Packages | Package | Description | |---------|-------------| | `@emblemvault/agentwallet` | CLI for AI agent wallet management (see ../emblem-ai-agent-wallet/SKILL.md) | | `@emblemvault/auth-sdk` | Core authentication SDK | | `@emblemvault/emblem-auth-react` | React hooks and components for auth | | `@emblemvault/hustle-react` | React EmblemAI chat components | | `@emblemvault/migratefun-react` | React migrate.fun hooks (see ../emblem-ai-react/SKILL.md) | | `hustle-incognito` | Low-level EmblemAI SDK | | `reflexive` | AI app introspection and debugging | # EmblemAI Agen