Get Pro

Arclen UI for coding agents.

Tune a component, then hand it to Claude Code, Cursor, Codex or v0. Your agent installs the real component with your settings.

Browse libraryGet the skill

Get Started

  1. Copy one prompt.

    Open any component, tune it, then choose Copy AI prompt. The prompt carries the version, the install command and your settings.

    Open the library

  2. Add the skill.

    Save one file and your agent can pick and install components on its own. In Claude Code:

    Terminalbash
    mkdir -p .claude/skills/arclen-ui
curl -fsSL https://arclenui.dev/skill.md \
  -o .claude/skills/arclen-ui/SKILL.md

    Cursor also reads .claude/skills. Codex reads .agents/skills, and so does Cursor:

    Terminalbash
    mkdir -p .agents/skills/arclen-ui
curl -fsSL https://arclenui.dev/skill.md \
  -o .agents/skills/arclen-ui/SKILL.md

  3. Point it at llms.txt.

    Any agent that reads the web can start from https://arclenui.dev/llms.txt. It lists every component with its brief and install command.

How It Works

  1. 01 Reads the brief

    Each component has a brief at /r/<slug>.md with the install command, default settings and usage notes.

    Terminalbash
    curl -fsS https://arclenui.dev/r/connected-faq.md
<component_request>
<component id="connected-faq" version="1.0.0"/>

  2. 02 Runs the installer

    The installer writes the files to components/<slug> and won’t overwrite yours.

    Terminalbash
    node arclen-ui.mjs add connected-faq --origin https://arclenui.dev
Installed Connected FAQ (9 files). Import { Component } from './components/connected-faq'.
node arclen-ui.mjs add connected-faq --origin https://arclenui.dev
Error: Refusing to overwrite components/connected-faq/component.json

  3. 03 Uses your settings

    It imports the component with the settings you chose, then checks the page in the browser.

    src/Faq.tsxtsx
    import { ConnectedFAQ } from "../components/connected-faq";

export function Faq() {
  return <ConnectedFAQ appearance="capsules" initialOpen={0} />;
}

Pro

Pro installs from the terminal need an access token. Until token access opens, sign in and choose Copy React on any Pro component. It copies every file with your settings, ready for your agent to add.

Arclen UI Pro is $125 once or $90 a year. Get Pro

Why Install

  • The preview you tuned runs the same core your project gets.
  • Reduced motion, offscreen pause and listener cleanup are built in.
  • No runtime dependency on Arclen, and no remote fonts.
  • React and plain HTML from one settings schema.

FAQs

What agents can and can’t do with Arclen UI.

Any agent that can run a terminal command. Copy AI prompt has versions for Claude Code, Cursor, Codex and Grok, and Open in sends the prompt to Cursor, v0, Claude or ChatGPT. Browser-based builders like v0 get the prompt, and the HTML route when they can’t run the CLI.

No. Every component also ships as standalone HTML, CSS and JavaScript.

No. The Arclen UI installer is one file with no dependencies, and it decodes font and image assets.

No. It refuses to write over existing files and won’t write outside components/<slug>.

Pro installs from the terminal need an access token. Until token access opens, sign in and choose Copy React on any Pro component. It copies every file with your settings, ready for your agent to add.

Arclen UI Pro is $125 once or $90 a year. Team plans start at $216 a year or $300 lifetime for 3 seats. Free components cost nothing.

Free components install with no account. Pro adds the source and HTML bundle for every Pro component.

Get ProBrowse library

Preferences