@se-studio/project-build

Build tools and management scripts for SE Studio projects.

Used by

This package is used by the following apps (and others) for the Tailwind build system, colour setup, and generated types:

• example-om1 – setailwind, setup-colours, type generation
• example-brightline – setailwind, setup-colours, type generation
• example-se2026 – setailwind, setup-colours, type generation

Features

Tailwind Build System

• Custom Tailwind CSS v4 build system with file watching
• Automatic grid generation
• Rich text formatting utilities
• Color lookup generation
• Type-safe configuration

Contentful Management Scripts

• Color field validation setup
• CMS configuration utilities
• Environment management

Installation

pnpm add -D @se-studio/project-build

Usage

Tailwind Build System

Add to your package.json:

{
  "scripts": {
    "setailwind": "setailwind"
  }
}

Run the build system:

pnpm setailwind

Management Scripts

pnpm setup-colours

Agent skills

SE Studio skills are now published as a separate package: @se-studio/skills. Skill source files live in packages/skills/skills/.

In the monorepo, run from the repo root to sync skills into .agents/skills/:

pnpm skills:sync

In external projects, install skills via the skills CLI:

npx skills add @se-studio/skills

Add to your project’s package.json to auto-install on pnpm install:

"devDependencies": { "@se-studio/skills": "^1.0.0" },
"scripts": { "postinstall": "npx skills update -y" }

API Reference

Main Exports

Tailwind Build System

• Tailwind configuration utilities - Functions for generating Tailwind config files
• Grid generation - Automatic grid system generation
• Color utilities - Color lookup and generation functions
• Font utilities - Typography and font configuration

Management Scripts

• Color field validation - Contentful color field setup utilities
• CMS configuration - Contentful management utilities

CLI Commands

setailwind

Tailwind CSS v4 build system with file watching.

Usage:

setailwind [options]

Options:

• --watch, -w - Watch for changes and rebuild automatically
• --config, -c - Path to configuration file

setup-colours

Sets up color field validation in Contentful.

Usage:

setup-colours

seskills sync [target-dir]

Deprecated. Use npx skills add @se-studio/skills instead. See packages/skills/ for the canonical skill sources.

For detailed JSDoc documentation on all exports, see the TypeScript declaration files (.d.ts) in the package.

License

MIT