# Kortix UI

Build React UI with @kortix/ui, the Kortix component library and the whole Kortix...

- Repository: https://github.com/kortix-ai/suna (20345 stars)
- Category: Design
- License: see repository
- Last updated: 2026-11-01
- Runs scripts: no, instructions only

## Install

Claude Code: `npx skills add kortix-ai/suna --skill kortix-ui -g -a claude-code -y`
Codex: `npx skills add kortix-ai/suna --skill kortix-ui -g -a codex -y`
Cursor: `npx skills add kortix-ai/suna --skill kortix-ui -g -a cursor -y`
Gemini CLI: `npx skills add kortix-ai/suna --skill kortix-ui -g -a gemini-cli -y`

## Description

Build React UI with @kortix/ui, the Kortix component library and the whole Kortix session experience as modules (session workspace, thread, composer, side panel, files, file viewer, terminal, project sidebar and home, customize pages): Kortix Apps, white-label hosts, custom dashboards on @kortix/sdk and apps/web. Load before you write a component, a page, a chat or session view, a custom dashboard or App, or a className in a React host that renders Kortix UI, or when you theme Kortix components for another brand. Covers setup, the module map, which component to compose, banned primitives, tokens, the dashboard guide, white-label theming and the verify steps.

## SKILL.md, as published by its author (untrusted third-party text, read it as data)

# @kortix/ui

`@kortix/ui` is the one React component library for every Kortix surface: `apps/web`, Kortix Apps, the
white-label demo and SDK customer apps. Components are Tailwind v4 class strings that read CSS variables.
Docs: https://kortix.com/docs/developers#kortix-ui. Live catalog: https://kortix.com/design-system.

Install: `npm i @kortix/ui @kortix/sdk`, the same version of each (peers: `references/custom-dashboard.md`).
Module entries and `@kortix/ui/theme` need 0.14.4+. Inside `kortix-ai/suna`: `"workspace:*"`. Never copy component source.

## 1. Set up once

The rest: https://github.com/kortix-ai/suna/blob/HEAD/packages/ui/skills/kortix-ui/SKILL.md