@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

Skills sync (seskills)

Skills are sourced from packages/project-build/skills/ and can be synced into an app’s .agents/skills/ directory so the app has the same marketing-site skills as the package. Add a .cursor/skills → .agents/skills symlink if the editor only discovers .cursor/skills.

From an app directory (e.g. apps/example-brightline):

pnpm exec seskills sync

From the repo root (sync into a specific app):

pnpm exec seskills sync apps/example-brightline

This copies the contents of project-build/skills/ into the target’s .agents/skills/. Run after pulling changes to project-build skills or when setting up a new app.

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]

Syncs skills from packages/project-build/skills/ into a project’s .agents/skills/. Default target is current working directory.

Usage:

seskills sync                 # sync into current directory
seskills sync apps/example-om1   # sync into given path

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

License

MIT