Starters

When you create a new project, you pick a starter: Single entry (default) or Multi entry, each with modules, dev server, build, and .ssscript skills/rules.

Templates

Single entry — One primary JS bundle in production (app.js). Best for a single embed or a global script.

Multi entry — Multiple production JS bundles from src/pages/* (multi-page deploy profile). Use when each Webflow page should load its own script from dist/.

---

Use Create project on the entry screen. See Projects for more on creating and opening projects.

What’s inside a starter

The template is copied and hydrated with your project settings when you create a project.

Folder layout

my-project/
├── src/                   # Your code — modules, styles, utilities
│   ├── app.ts             # Entry point
│   ├── modules/           # Component modules
│   ├── styles/            # CSS files
│   ├── lib/               # Shared utilities
│   └── utils/             # Helper functions
├── bin/                   # Build and dev server scripts (Bun)
│   ├── dev.ts             # Dev server with live reload
│   └── build.ts           # Production build
├── dist/                  # Build output (generated)
├── vendor/                # Starter framework config
├── .ssscript/             # AI agent rules and skills
│   ├── rules/             # Agent rules (project structure, module system, etc.)
│   └── skills/            # Agent skills (animations, state management, etc.)
├── package.json           # Dependencies and scripts
├── tsconfig.json          # TypeScript configuration
├── biome.json             # Linter / formatter config
└── bunconfig.toml         # Bun runtime configuration

Editable paths

Only certain paths are writable in the editor and by the AI. The allowlist includes:

• src/ — your application code
• bin/ — build/dev scripts
• vendor/ — starter config
• .ssscript/ — agent rules and skills
• package.json, tsconfig.json, biome.json, bunconfig.toml
• .env.example, .gitignore

Everything else (e.g. node_modules/, hidden files outside .ssscript/) is read-only or excluded from the file tree entirely.

AI agent configuration

The .ssscript/ directory contains rules and skills that instruct the AI agent how to work with your project:

• Rules (rules/) — persistent guidance like project structure conventions, module system patterns, and Webflow MCP usage. Each markdown file can start with frontmatter: apply: always (default if omitted) means the rule is included in every AI turn; apply: optional means only a short index line is injected and the agent **read**s the file when the task matches the description you set (keeps niche or long rules out of the default context).
• Skills (skills/) — task-specific instructions the agent can reference, covering topics like animations, state management, module patterns, and component examples.

These are bundled into the starter template and can be customized per project. The AI reads them automatically when working on your code.

Dev server

Starters use Bun as the runtime. The dev server runs on port 6454 (http://localhost:6454) with live reload. You don’t need to install Bun separately — the app manages a bundled Bun installation.