#601

Global Rank · of 601 Skills

emblem-ai-react AI Agent Skill

View Source: emblemcompany/agent-skills

Medium

Installation

npx skills add emblemcompany/agent-skills --skill emblem-ai-react

2.2K

Installs

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

Installs

Installs 2.2K
Global Rank #601 of 601

Security Audit

ath Safe
socket Safe
Alerts: 0 Score: 90
snyk Medium
EU EU-Hosted Inference API

Power your AI Agents with the best open-source models.

Drop-in OpenAI-compatible API. No data leaves Europe.

Explore Inference API

GLM

GLM 5

$1.00 / $3.20

per M tokens

Kimi

Kimi K2.5

$0.60 / $2.80

per M tokens

MiniMax

MiniMax M2.5

$0.30 / $1.20

per M tokens

Qwen

Qwen3.5 122B

$0.40 / $3.00

per M tokens

How to use this skill

1

Install emblem-ai-react by running npx skills add emblemcompany/agent-skills --skill emblem-ai-react in your project directory. Run the install command above in your project directory. The skill file will be downloaded from GitHub and placed in your project.

2

No configuration needed. Your AI agent (Claude Code, Cursor, Windsurf, etc.) automatically detects installed skills and uses them as context when generating code.

3

The skill enhances your agent's understanding of emblem-ai-react, helping it follow established patterns, avoid common mistakes, and produce production-ready output.

What you get

Skills are plain-text instruction files — not executable code. They encode expert knowledge about frameworks, languages, or tools that your AI agent reads to improve its output. This means zero runtime overhead, no dependency conflicts, and full transparency: you can read and review every instruction before installing.

Compatibility

This skill works with any AI coding agent that supports the skills.sh format, including Claude Code (Anthropic), Cursor, Windsurf, Cline, Aider, and other tools that read project-level context files. Skills are framework-agnostic at the transport level — the content inside determines which language or framework it applies to.

Data sourced from the skills.sh registry and GitHub. Install counts and security audits are updated regularly.

EU Made in Europe

Chat with 100+ AI Models in one App.

Use Claude, ChatGPT, Gemini alongside with EU-Hosted Models like Deepseek, GLM-5, Kimi K2.5 and many more.

Start for free View pricing
Customer Support