Installation

Get up and running with Skema in minutes.

1. Install Package

bash

bun add skema-core
# or: npm install skema-core

Requires React 19+. Works with Next.js, Vite, Remix, and Create React App.

2. Configure Project

bash

bunx skema-core init
# or: npx skema-core init

Detects your framework and configures it automatically — disables React.StrictMode for tldraw compatibility and adds transpilePackages for Next.js.

3. Add to Your App

tsx

import { Skema } from 'skema-core';

export default function Page() {
  return (
    <>
      <main>{/* Your content */}</main>
      {process.env.NODE_ENV === 'development' && <Skema />}
    </>
  );
}

4. Start the Daemon

bash

bunx skema-core
# or: npx skema-core

Run this in a separate terminal. Starts a WebSocket server on ws://localhost:9999 that connects to your AI provider. Requires Gemini CLI or Claude Code installed globally.

Keyboard Shortcuts

Toggle overlayCmd+Shift+E

Select ToolS

Draw ToolD

Lasso SelectL

EraserE

CancelEsc