{"id":"856e60ab-1b1e-4f10-8dd3-d5cc8cec737f","shortId":"eeSCjR","kind":"skill","title":"emblem-ai-react","tagline":"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 ","description":"# EmblemAI React\n\nUse this skill when the user wants to integrate EmblemAI into a React app rather than only use the CLI or low-level SDKs.\n\n**In one sentence:** this is the easiest way to add user management and wallet-enabled accounts to a React app.\n\n---\n\n## Security & Trust Model\n\nThis skill generates React code that integrates with EmblemAI's authentication and wallet infrastructure. It inherently involves:\n\n- **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.\n- **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.\n\nThe generated React components use standard browser security boundaries. No server-side code execution or file system access is involved at runtime.\n\n## Quick Start\n\n### Step 1: Install\n```bash\nnpx skills add EmblemCompany/Agent-skills --skill emblem-ai-react\n```\n\n### Step 2: Use\nAsk for React integration help by area, for example:\n\n- \"Show a minimal EmblemAI React app\"\n- \"Help me add EmblemAuthProvider and HustleProvider\"\n- \"Show React examples for wallet auth plus chat\"\n- \"Show a React app where users can sign in with wallets, email, or social login\"\n- \"How do I use Migrate.fun React hooks in my app?\"\n\n---\n\n## What this gives a React app\n\n- One integration for website authentication and wallet-enabled users\n- Login options across crypto wallets, email/password, and social login\n- React hooks and UI components that expose session, vault, and wallet state\n- A clean path from login to chat, signing, and other Emblem-powered workflows\n- The easiest way to add Migrate.fun migration-aware UI to a React app\n\n## Included React References\n\n### React Auth\nSee [references/auth-react.md](references/auth-react.md) for provider setup, hooks, and auth UI components.\n\n### React Chat\nSee [references/emblem-ai-react.md](references/emblem-ai-react.md) for EmblemAI chat setup with `@emblemvault/hustle-react`.\n\n### React Components\nSee [references/react-components.md](references/react-components.md) for current auth and chat component surfaces.\n\n### Migrate.fun React\nSee [references/migratefun-react.md](references/migratefun-react.md) for hooks, provider setup, and project selection components.\n\n---\n\n## Guidance\n\n- Use this skill for React app composition, provider wiring, and UI integration patterns.\n- Prefer this skill over the broader `emblem-ai` skill when the request is clearly React-specific.\n- Legacy package names may still use `hustle` branding even though the product name is EmblemAI.\n- For end-user prompt phrasing across wallet, trading, NFT, or market workflows, use the `emblem-ai-prompt-examples` skill instead.\n\n---\n\n## Related Skills\n\n- [../emblem-ai/SKILL.md](../emblem-ai/SKILL.md) - broader SDK, plugin, CLI, and introspection coverage\n- [../emblem-ai-agent-wallet/SKILL.md](../emblem-ai-agent-wallet/SKILL.md) - CLI-first wallet workflows for agents and end users\n- [../emblem-ai-prompt-examples/SKILL.md](../emblem-ai-prompt-examples/SKILL.md) - broader prompt examples across non-React workflows","tags":["emblem","react","agent","skills","emblemcompany","agent-skills","ai-agent","blockchain","cross-chain","crypto","defi","emblemai"],"capabilities":["skill","source-emblemcompany","skill-emblem-ai-react","topic-agent-skills","topic-ai-agent","topic-blockchain","topic-cross-chain","topic-crypto","topic-defi","topic-emblem","topic-emblemai","topic-ethereum","topic-nft","topic-solana","topic-wallet"],"categories":["Agent-skills"],"synonyms":[],"warnings":[],"endpointUrl":"https://skills.sh/EmblemCompany/Agent-skills/emblem-ai-react","protocol":"skill","transport":"skills-sh","auth":{"type":"none","details":{"cli":"npx skills add EmblemCompany/Agent-skills","source_repo":"https://github.com/EmblemCompany/Agent-skills","install_from":"skills.sh"}},"qualityScore":"0.455","qualityRationale":"deterministic score 0.46 from registry signals: · indexed on github topic:agent-skills · 10 github stars · SKILL.md body (3,376 chars)","verified":false,"liveness":"unknown","lastLivenessCheck":null,"agentReviews":{"count":0,"score_avg":null,"cost_usd_avg":null,"success_rate":null,"latency_p50_ms":null,"narrative_summary":null,"summary_updated_at":null},"enrichmentModel":"deterministic:skill-github:v1","enrichmentVersion":1,"enrichedAt":"2026-05-18T19:08:24.688Z","embedding":null,"createdAt":"2026-04-23T13:04:16.328Z","updatedAt":"2026-05-18T19:08:24.688Z","lastSeenAt":"2026-05-18T19:08:24.688Z","tsv":"'/emblem-ai-agent-wallet/skill.md':477,478 '/emblem-ai-prompt-examples/skill.md':489,490 '/emblem-ai/skill.md':468,469 '1':211 '2':224 'access':203 'account':89 'across':298,450,494 'action':147 'add':22,82,216,243,335 'agent':485 'ai':3,221,419,461 'api':131,161 'app':33,61,93,240,258,279,285,344,403 'arbitrari':180 'area':232 'ask':226 'auth':42,252,349,358,379 'authent':24,107,290 'autom':146 'awar':339 'backend':149,156 'bash':213 'boundari':193 'brand':436 'broader':416,470,491 'browser':191 'chat':39,254,323,362,368,381 'clean':318 'clear':425 'cli':67,473,480 'cli-first':479 'code':101,198 'compon':40,138,188,309,360,373,382,396 'composit':45,404 'configur':155 'connect':152 'connectbutton':36 'coverag':476 'crypto':299 'current':378 'data':117,133 'display':141 'easiest':79,332 'email':266 'email/password':301 'emblem':2,220,328,418,460 'emblem-ai':417 'emblem-ai-prompt-exampl':459 'emblem-ai-react':1,219 'emblem-pow':327 'emblemai':9,46,57,105,238,367,443 'emblemauthprovid':35,244 'emblemcompany/agent-skills':217 'emblemvault':177 'emblemvault/hustle-react':371 'enabl':28,88,294 'end':446,487 'end-us':445 'endpoint':169 'even':437 'exampl':234,249,463,493 'execut':199 'expos':311 'fetch':124 'file':201 'first':172,481 'first-parti':171 'generat':99,186 'give':282 'guidanc':397 'help':230,241 'hook':43,121,276,306,356,390 'hustl':160,435 'hustleapiurl':158 'hustleprovid':151,246 'import.meta.env.vite':159 'includ':345 'inform':140 'infrastructur':110,174 'inher':112 'instal':212 'instead':465 'integr':6,56,103,229,287,409 'introspect':475 'involv':113,205 'legaci':429 'level':71 'login':38,269,296,304,321 'low':70 'low-level':69 'manag':15,84 'market':455 'may':432 'metadata':128 'migrat':338 'migrate.fun':119,274,336,384 'migration-awar':337 'minim':237 'model':96 'name':431,441 'nft':453 'non':496 'non-react':495 'npx':214 'one':12,74,286 'one-shot':11 'oper':175 'option':297 'orchestr':167 'packag':430 'parti':116,173,183 'path':319 'pattern':410 'phrase':449 'plugin':472 'plus':25,253 'power':329 'prefer':411 'product':440 'project':125,394 'prompt':164,448,462,492 'provid':354,391,405 'quick':208 'rather':62 'react':4,5,32,41,44,47,60,92,100,120,187,222,228,239,248,257,275,284,305,343,346,348,361,372,385,402,427,497 'react-specif':426 'refer':347 'references/auth-react.md':351,352 'references/emblem-ai-react.md':364,365 'references/migratefun-react.md':387,388 'references/react-components.md':375,376 'relat':466 'remot':130 'render':135 'request':423 'runtim':148,207 'sdk':471 'sdks':72 'secur':94,192 'see':350,363,374,386 'select':395 'sentenc':75 'server':196 'server-sid':195 'servic':184 'session':312 'setup':355,369,392 'shot':13 'show':235,247,255 'side':197 'sign':262,324 'skill':7,50,98,215,218,400,413,420,464,467 'skill-emblem-ai-react' 'social':268,303 'social/email/wallet':37 'source-emblemcompany' 'specif':428 'standard':190 'start':209 'state':316 'step':210,223 'still':433 'surfac':383 'system':202 'third':115,182 'third-parti':114,181 'though':438 'token':127 'tool':166 'topic-agent-skills' 'topic-ai-agent' 'topic-blockchain' 'topic-cross-chain' 'topic-crypto' 'topic-defi' 'topic-emblem' 'topic-emblemai' 'topic-ethereum' 'topic-nft' 'topic-solana' 'topic-wallet' 'trade':452 'trigger':145 'trust':95 'ui':137,308,340,359,408 'url':157,162 'use':16,48,65,189,225,273,398,434,457 'useproject':122,123 'user':14,19,29,53,83,260,295,447,488 'vault':313 'w011':118 'w012':150 'wallet':27,87,109,251,265,293,300,315,451,482 'wallet-en':26,86,292 'want':20,54 'way':80,333 'websit':23,289 'wire':406 'workflow':330,456,483,498","prices":[{"id":"c3ec1b52-8b4f-4c7f-8b00-115a2716365f","listingId":"856e60ab-1b1e-4f10-8dd3-d5cc8cec737f","amountUsd":"0","unit":"free","nativeCurrency":null,"nativeAmount":null,"chain":null,"payTo":null,"paymentMethod":"skill-free","isPrimary":true,"details":{"org":"EmblemCompany","category":"Agent-skills","install_from":"skills.sh"},"createdAt":"2026-04-23T13:04:16.328Z"}],"sources":[{"listingId":"856e60ab-1b1e-4f10-8dd3-d5cc8cec737f","source":"github","sourceId":"EmblemCompany/Agent-skills/emblem-ai-react","sourceUrl":"https://github.com/EmblemCompany/Agent-skills/tree/main/skills/emblem-ai-react","isPrimary":false,"firstSeenAt":"2026-04-23T13:04:16.328Z","lastSeenAt":"2026-05-18T19:08:24.688Z"}],"details":{"listingId":"856e60ab-1b1e-4f10-8dd3-d5cc8cec737f","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"EmblemCompany","slug":"emblem-ai-react","github":{"repo":"EmblemCompany/Agent-skills","stars":10,"topics":["agent-skills","ai-agent","blockchain","cross-chain","crypto","defi","emblem","emblemai","ethereum","nft","solana","wallet","web3"],"license":"mit","html_url":"https://github.com/EmblemCompany/Agent-skills","pushed_at":"2026-05-15T08:53:47Z","description":"Official skill collection for EmblemAI agents — 200+ crypto tools across 7 blockchains","skill_md_sha":"d90eb7f53f17392b9a29134692c53ab585f16205","skill_md_path":"skills/emblem-ai-react/SKILL.md","default_branch":"main","skill_tree_url":"https://github.com/EmblemCompany/Agent-skills/tree/main/skills/emblem-ai-react"},"layout":"multi","source":"github","category":"Agent-skills","frontmatter":{"name":"emblem-ai-react","license":"MIT","description":"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.","compatibility":"Works on Claude Code, Cursor, Codex, OpenClaw, and other agents following the Agent Skills specification."},"skills_sh_url":"https://skills.sh/EmblemCompany/Agent-skills/emblem-ai-react"},"updatedAt":"2026-05-18T19:08:24.688Z"}}