PaperclipOrg
Claude Agent Skill · by Emblemcompany

Emblem Ai React

Install Emblem Ai React skill for Claude Code from emblemcompany/agent-skills.

Install
Terminal · npx
$npx skills add https://github.com/vercel-labs/agent-skills --skill vercel-react-best-practices
Works with Paperclip

How Emblem Ai React fits into a Paperclip company.

Emblem Ai React drops into any Paperclip agent that handles this kind of work. Assign it to a specialist inside a pre-configured PaperclipOrg company and the skill becomes available on every heartbeat — no prompt engineering, no tool wiring.

S
SaaS FactoryPaired

Pre-configured AI company — 18 agents, 18 skills, one-time purchase.

$27$59
Explore pack
Source file
SKILL.md85 lines
Expand
---name: emblem-ai-reactdescription: 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.license: MITallowed-tools: Bash Read Writecompatibility: Works on Claude Code, Cursor, Codex, OpenClaw, and other agents following the Agent Skills specification.metadata:  author: EmblemAI  version: "1.0.1"  homepage: https://emblemvault.dev--- # 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```bashnpx skills add EmblemCompany/Agent-skills --skill emblem-ai-react``` ### Step 2: UseAsk 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 AuthSee [references/auth-react.md](references/auth-react.md) for provider setup, hooks, and auth UI components. ### React ChatSee [references/emblem-ai-react.md](references/emblem-ai-react.md) for EmblemAI chat setup with `@emblemvault/hustle-react`. ### React ComponentsSee [references/react-components.md](references/react-components.md) for current auth and chat component surfaces. ### Migrate.fun ReactSee [references/migratefun-react.md](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 - [../emblem-ai/SKILL.md](../emblem-ai/SKILL.md) - broader SDK, plugin, CLI, and introspection coverage- [../emblem-ai-agent-wallet/SKILL.md](../emblem-ai-agent-wallet/SKILL.md) - CLI-first wallet workflows for agents and end users- [../emblem-ai-prompt-examples/SKILL.md](../emblem-ai-prompt-examples/SKILL.md) - broader prompt examples across non-React workflows