Setup guides · 12 AI tools

Set up CleenUI in your AI editor.

Pick your tool. Each guide walks through the exact steps — every command, every config snippet, every settings panel — with simulated visuals so you can verify each step as you go.

AnthropicClaude Code

Anthropic's CLI agent. Register skills via the global or project-scoped settings.json with a `mcpServers` entry pointing at the CleenUI skills endpoint.

AnysphereCursor

Add the CleenUI skills under Settings → Rules for AI, or via a `.cursorrules` file at the repo root. Skills become available in any agent thread.

CodeiumWindsurf

Add via the Cascade panel's Tools section. Drop the CleenUI skills manifest URL and the three skills appear as named invocations.

ClineCline

Configure via the VS Code extension settings. CleenUI skills register as MCP servers and surface in the agent action menu.

GitHubGitHub Copilot

Use Copilot Extensions to register the CleenUI skills app. Once installed, skills can be invoked via `@cleenui` in any Copilot Chat surface.

Open sourceAider

Add to the `.aider.conf.yml` file. CleenUI skills become available as named commands during pair-programming sessions.

Continue.devContinue

Add to the `~/.continue/config.json` file. CleenUI skills register as custom tools and are available in any model context.

SourcegraphCody (Sourcegraph)

Register via the Cody extension settings or a workspace-level config. Skills become invokable through Cody Chat and Edit.

CodeiumCodeium

Add via the Codeium extension's custom-context configuration. Skills register as a context provider for the agent.

TabnineTabnine

Configure via Tabnine's Chat & Commands panel. CleenUI skills appear as registered commands across all Tabnine integrations.

ReplitReplit AI

Add to the Replit project's `.replit` config. CleenUI skills become available in Replit Agent for both new and existing Repls.

Zed IndustriesZed AI

Register under Zed's Assistant settings. CleenUI skills are available in any Assistant conversation once configured.

Get started

Get started with CleenUI.

Two paths to your first component. Pick the one that fits how your team builds.

Path A · Recommended

With AI agent skills

One prompt to your AI tool. The Setup skill handles dependencies, design tokens, build config, and component registration — all without leaving your editor.

Path B · Manual

With npm

The classic flow. Install the package, import the styles, drop in your first component. No agents required — same end result.