CleenUI ships AI agent skills as small, named instructions any modern AI coding tool can register and invoke. Skills give your agent the patterns, conventions, and architectural knowledge it needs to build real features with the codebase — not just guess at imports.

Skills are organized by what they author. The frontend tier (Setup, Builder, Theme) handles React-side work: project bootstrap, component-catalog-aware feature scaffolding, brand customization. The backend tier (API Builder, Schema & Procs, Background Services) handles the server side — ASP.NET Core controllers, T-SQL schemas + stored procedures, and Azure WebJobs + Functions.

A separate library of Page Templates gives agents a head start on the page structures real applications repeat over and over. Together: an agent that understands every layer of the codebase, not just the surface.

Frontend skills

React + design system + theming

Three skills that author the React layer of your CleenUI app — project bootstrap, component-catalog-aware feature scaffolding, brand customization. Public Storybook docs let you inspect the patterns before licensing.

Read the canonical docs in Storybook

⚡ Already in an AI editor?

Set up CleenUI in your tool.

One config edit, then ask your AI agent to set up CleenUI. About five minutes, end-to-end. Pick your editor:

The vibe-coding paradox

Same prompt — two trajectories.

Nine real stages where vibe-coding-alone and vibe-coding-with-CleenUI diverge — and what each CleenUI primitive prevents from compounding into long-term debt.

Read the deep dive
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.

It's vibe-code ready.

Pick your AI editor. Register the CleenUI skills. Start shipping features in minutes instead of weeks.