Setup guide · Replit

Set up CleenUI in Replit AI.

Replit Agent has Skills — use the AI Settings panel to add CleenUI's skill files as Agent knowledge.

AI toolReplit AI

Replit Agent supports per-Repl 'Skills' — text snippets the Agent treats as authoritative instructions. Drop the CleenUI Setup, Builder, and Theme skill content into the Skills panel inside your Repl and the Agent will follow them when working on the project.

Step by step

4 steps. About 5 minutes.

  1. 1

    Open Replit AI Settings

    In your Repl, click the AI button in the right sidebar to open the Agent panel. Click the gear icon in the panel header to open AI Settings.

  2. 2

    Download the CleenUI skill markdown

    Replit Skills are pasted-in markdown. Locally, run the export command from your terminal, then copy each .md file's contents.

  3. 3

    Paste each skill into the Skills panel

    In Replit AI Settings → Skills, click 'Add skill', paste in the setup.md content, name it 'CleenUI Setup'. Repeat for Builder and Theme.

  4. 4

    Ask Replit Agent to set up CleenUI

    Back in the Agent panel, just describe what you want. The Skills you registered are part of the Agent's instructions now.

Verify

Confirm the skills are listed

Reopen AI Settings → Skills. All three CleenUI skills should be enabled and visible. The Agent shows a 'sources' indicator in each response when a skill was applied.

Per-Repl scope
Replit Skills are scoped to a single Repl. If you want the same setup across multiple Repls, save the skill files in a Repl template or paste them per project.
Troubleshooting

If something doesn't work.

Agent ignores the skill content

Skills work best when you reference them by name in your prompt — 'using the CleenUI Setup skill' rather than just 'set up CleenUI'.

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.