generate

Generate CSS from design tokens.

Prerequisites

You must have already initialized a sugarcube project to run this command.

Usage

pnpm dlx make-sugarcube@latest generate
npx make-sugarcube@latest generate
yarn make-sugarcube@latest generate
bunx --bun make-sugarcube@latest generate

Description

The generate command creates CSS variables from your design tokens. It will:

  1. Generate CSS variables
  2. Handle file management
  3. Update the CSS index if enabled

Useful for when you make changes to your design tokens and need to update your CSS.

If you prefer to ‘automate’ this process, you can install the relevant plugin for your project (recommended).

Options

  • --silent - Suppress logs and prompts
  • --force - Skip overwrite confirmations

Examples

pnpm dlx make-sugarcube@latest generate
npx make-sugarcube@latest generate
yarn make-sugarcube@latest generate
bunx --bun make-sugarcube@latest generate
pnpm dlx make-sugarcube@latest generate --silent
npx make-sugarcube@latest generate --silent
yarn make-sugarcube@latest generate --silent
bunx --bun make-sugarcube@latest generate --silent