Add HeroUI Agents to your application with Codex, Claude Code, Cursor, or another AI coding assistant.
Your coding assistant can create a HeroUI Agent, configure its knowledge and tools, embed it in your application, and verify the result. The public skill teaches the workflow, and the MCP server gives your assistant access to your Agents workspace and current documentation.
Click Copy Prompt at the top of this page and paste it into your coding assistant with your application open. The prompt works with Codex, Claude Code, Cursor, and other harnesses that support skills and remote MCP servers.
Your assistant will:
heroui-agents skill for your harness.You approve the workspace and permissions during sign-in. If your harness needs a restart to load the MCP, resume the same task afterward.
Open your application's project in your coding assistant. Your account needs HeroUI Agents beta access and membership in the workspace you want to use. An owner can authorize creation of a narrow integration key; an existing server-side key can also be reused.
The skill and documentation are public. HeroUI Agents access is separate from a HeroUI Pro license. Use Agents browser sign-in or an Agents workspace key for the MCP.
| Resource | What it gives your coding assistant | Access |
|---|---|---|
heroui-agents skill | Integration guidance, client-tool patterns, and verification steps | Public download |
| Agents MCP | Workspace discovery, Agent management, knowledge, integrations, activity, and live docs | Agents OAuth or workspace key |
The MCP in this section connects your coding assistant to HeroUI Agents. MCP servers connected to an Agent supply tools for the hosted Agent to use during conversations.
npx skills add https://heroui.pro/docs/skills/heroui-agentsChoose your harness in the installer. The skill guide includes the source archive and explains what is installed.
Use https://agent-mcp.heroui.pro/mcp as the Streamable HTTP server URL. Follow the MCP setup guide for Codex, Claude Code, Cursor, and headless clients.