Skills

Kortix UI

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

Install

npx skills add kortix-ai/suna --skill kortix-ui -g -a claude-code -y
Repository
kortix-ai/suna20.3k
Category
Design
Updated
3d ago
License
See repository
Context cost
Mediumabout 3,000 tokens
Runs scripts
No, instructions only

What it does

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.

@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

Read the whole SKILL.md on GitHub

More in Design