Setup guide · Tabnine

Set up CleenUI in Tabnine.

Tabnine doesn't expose MCP — use the npm install path and rely on Tabnine's codebase indexing.

AI toolTabnine

Tabnine's flagship product is its autocomplete and Chat — it doesn't currently expose a public MCP-server or custom-skill registration. Your best play with Tabnine is to install CleenUI normally and let Tabnine's codebase awareness pick up the patterns from your imports. This page covers that flow.

Step by step

3 steps. About 5 minutes.

  1. 1

    Install the npm package

    Without MCP-style skill registration, install CleenUI like any other library. Tabnine's chat-with-codebase will pick up your imports.

  2. 2

    Import CleenUI styles in your entry file

    Add the tokens.css and styles.css imports manually — this is the part the Setup skill normally automates, but you can do it once by hand.

  3. 3

    Use Tabnine Chat to build features

    Now that CleenUI is in your project, Tabnine Chat can pattern-match from existing imports. Ask it to build new screens using the components.

Verify

Confirm Tabnine indexed CleenUI

Open Tabnine Chat and ask 'what's in package.json'. If @cleenui/react is in the answer, Tabnine has the dependency in context.

No skill registration
Tabnine doesn't expose a skill or MCP-server registration as of this writing. If you want Setup-skill automation, use one of the MCP-capable IDEs (Claude Code, Cursor, Cline, Copilot).
Troubleshooting

If something doesn't work.

Suggestions don't use CleenUI components

Tabnine's suggestions improve as you use the library more. Add one or two CleenUI imports manually, then Tabnine will pattern-match from those.

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.