🧁 Mochi-CSS/tsuki

This package is part of the Mochi-CSS project. It provides installer for Mochi-CSS that adds it to your project.

You can run it with:

npx @mochi-css/tsuki

tsuki handles installing integrations for vite, next.js, tsdown, and Storybook. To get more info, run it with -h or --help option.

What tsuki sets up

During initialization, tsuki installs the required packages and creates a mochi.config.ts file in your project root. This file is the single place to configure all Mochi-CSS options (roots, plugins, splitCss, etc.) - all integrations load it automatically.

Presets

Use the --preset / -p flag to choose a framework preset non-interactively:

npx @mochi-css/tsuki --preset vite
npx @mochi-css/tsuki --preset nextjs
npx @mochi-css/tsuki --preset tsdown
npx @mochi-css/tsuki --preset lib

If -p is omitted, tsuki will prompt you to select a preset interactively.

| Preset | Description | |-----------|-------------| | vite | Vite app — adds mochiCss() to vite.config.ts; also offers to wire up Storybook | | nextjs | Next.js app — wraps next.config.ts with withMochi() | | tsdown | Standalone tsdown build — creates or patches tsdown.config.mts with @mochi-css/rolldown's mochiCss() | | lib | Framework-agnostic library — sets up mochi.config.ts and PostCSS only |

Optional modules

Some presets also offer optional integrations, prompted for interactively unless forced via a flag:

| Flag | Presets | Description | |-----------------------|---------|-------------| | --postcss [path] | vite, lib | Adds @mochi-css/postcss to your PostCSS config | | --storybook [path] | vite | Adds @mochi-css/storybook to .storybook/main.ts's addons, or creates a default config if none exists |

Pass the flag without a value to auto-detect the config path, or with a path to use it directly, e.g. --storybook .storybook/main.ts.