create-jay 0.25.3 → 0.25.4

package/dist/index.js

@@ -265,10 +265,6 @@ async function scaffoldProject(projectDir, name, selectedPlugins) {
   writeFile(projectDir, "vite.config.ts", readTemplate("vite.config.ts"));
   writeFile(projectDir, "tsconfig.json", readTemplate("tsconfig.json"));
   writeFile(projectDir, "CLAUDE.md", readTemplate("CLAUDE.md"));
-  const jaySkillPath = path.join(templatesDir(), "jay-skill.md");
-  if (fs.existsSync(jaySkillPath)) {
-    writeFile(projectDir, "jay-skill.md", fs.readFileSync(jaySkillPath, "utf-8"));
-  }
   const hasDesignValidator = selectedPlugins.some(
     (p) => p.name === "@jay-framework/design-system-validator"
   );

package/package.json

@@ -1,13 +1,14 @@
 {
   "name": "create-jay",
-  "version": "0.25.3",
+  "version": "0.25.4",
   "type": "module",
   "description": "Create a new Jay Stack project",
   "license": "Apache-2.0",
   "bin": "./dist/index.js",
   "files": [
     "dist",
-    "templates"
+    "templates",
+    "skills"
   ],
   "scripts": {
     "build": "tsup",

package/skills/jay/SKILL.md

@@ -0,0 +1,93 @@
+---
+name: jay
+description: Create a new Jay Stack project from scratch — the preconditions to check first and the scaffolding command that generates a working project. Hands off to the in-project CLAUDE.md and agent-kit for actually building pages, components, and plugins.
+---
+
+# Create a new Jay project
+
+A short, ordered playbook for scaffolding a brand-new Jay Stack project. Use it when there is **no Jay
+project yet** and you need to bootstrap one.
+
+**Scope — bootstrapping only.** This skill gets a project onto disk and running. It does **not** teach
+how to build pages, components, contracts, or plugins — that guidance ships _inside_ the scaffolded
+project as `CLAUDE.md` plus the generated `agent-kit/` (designer / developer / plugin / devops role
+guides). After scaffolding, read those.
+
+## 0 · Preconditions (check before scaffolding)
+
+- **Node ≥ 20** — `node --version`. The scaffolder and CLI require it.
+- **A package manager** — npm (bundled with Node) or Yarn. `npm create jay` auto-detects which one
+  invoked it and uses it for install.
+- **For the AIditor (visual AI editor, included by default): Claude Code installed locally + an API
+  key.** The project ships with `@jay-framework/aiditor`, whose `/aiditor` route runs an agent
+  server-side via the Claude Agent SDK. Its authentication matches Claude Code: install the `claude`
+  CLI, then either set `ANTHROPIC_API_KEY` in the environment **or** run `claude login`. Without this
+  the project still scaffolds, builds, and runs — only the `/aiditor` route's agent won't run.
+
+## 1 · Scaffold the project
+
+**Interactive** (prompts for a project name and a plugin selection):
+
+```bash
+npm create jay@latest
+# or:  yarn create jay
+# or:  npx create-jay
+```
+
+- **Project name** — lowercase letters, numbers, and hyphens; must start and end with a letter or
+  number; at least 3 characters (e.g. `my-store`).
+- **Plugins** — a checklist (UI Kit, validators, Wix Stores/Members/Media/Data, etc.). Defaults are
+  pre-checked; accept them or adjust.
+
+**Non-interactive** (CI / scripted — pass a name and an explicit, possibly empty, plugin list):
+
+```bash
+# a few plugins by package name (comma-separated):
+npm create jay@latest -- --name my-store --plugins "@jay-framework/ui-kit,@jay-framework/wix-stores"
+
+# no optional plugins:
+npm create jay@latest -- --name my-site --plugins ""
+```
+
+The scaffolder then, in order: creates `./<name>/`, installs dependencies, generates the agent-kit
+(`npx jay-stack-cli agent-kit`), and runs plugin setup (`npx jay-stack-cli setup`). A step that can't
+complete non-interactively (e.g. a plugin needing credentials) is skipped with a note and can be re-run
+later with `yarn setup`.
+
+## 2 · What you get
+
+```
+my-store/
+  src/
+    pages/            # file-system routing — starts with a home page
+      page.jay-html
+      page.ts
+      page.jay-contract
+    styles/theme.css
+  .jay                # project + plugin configuration
+  CLAUDE.md           # in-project agent guidance — read this next
+  agent-kit/          # generated role guides + contract/plugin references
+  package.json        # scripts: dev, setup, agent-kit, validate, build, serve
+```
+
+## 3 · First run
+
+```bash
+cd my-store
+yarn dev            # or: npm run dev   → dev server (and the /aiditor route)
+```
+
+If plugin setup was skipped (missing credentials) run `yarn setup` to configure API keys, then
+`yarn agent-kit` to refresh generated references.
+
+## 4 · Hand-off — build inside the project
+
+Scaffolding is done. To actually build the site, switch to the in-project guidance:
+
+1. Read `CLAUDE.md` at the project root.
+2. Read `agent-kit/plugins-index.yaml` to see what plugins and contracts are available.
+3. Read the role guide that matches your task under `agent-kit/` — `designer/` (jay-html pages,
+   styling), `developer/` (`page.ts`, services, routing), `plugin/` (headless components, actions),
+   `devops/` (build, deploy, serve).
+
+Run `yarn validate` after changes.

package/templates/CLAUDE.md

@@ -6,8 +6,15 @@ This is a Jay Stack project.
 
 Run `yarn setup` then `yarn agent-kit` to generate the agent kit.
 
-Read `agent-kit/` for contracts, plugin references, and role guides. See the `/jay` skill for full details on the agent kit structure, CLI commands, and project organization.
+Read `agent-kit/` for contracts, plugin references, and role guides — this is the authoritative
+guidance for the agent kit structure, CLI commands, and project organization.
 
 Before making changes, read `agent-kit/plugins-index.yaml` and the relevant role guide (`agent-kit/designer/`, `agent-kit/developer/`, etc.).
 
 Run `yarn validate` after changes.
+
+## Visual editing (AIditor)
+
+This project includes the AIditor — a visual AI editor at the `/aiditor` route (`yarn dev`). It runs
+an agent server-side via the Claude Agent SDK, so it **requires Claude Code installed locally with an
+API key**: install the `claude` CLI, then either set `ANTHROPIC_API_KEY` or run `claude login`.

package/templates/jay-skill.md

@@ -1,123 +0,0 @@
----
-name: jay
-description: Getting started with Jay Stack projects. Covers plugin setup, agent-kit generation, the four roles (designer, developer, plugin, devops), and key CLI commands.
----
-
-# Jay Stack — Agent Skill
-
-Jay Stack is a full-stack framework. Plugins provide headless components (data + logic, no UI). Designers build UI in jay-html templates that bind to plugin contracts. Developers write page logic and services.
-
-## Getting Started with a Jay Project
-
-### Step 1: Setup plugins
-
-```bash
-yarn jay-stack-cli setup
-```
-
-This configures plugins interactively — prompts for API keys and credentials, creates config files, validates services. Run this once when starting a new project or after adding a plugin. Use `--no-interactive` in CI/scripts to create config templates without prompting.
-
-### Step 2: Generate the agent kit
-
-```bash
-yarn jay-stack-cli agent-kit
-```
-
-This materializes contracts, generates reference data, and copies role guides into `agent-kit/`. Run this after setup, or any time you need fresh contract data.
-
-### Step 3: Read the agent kit
-
-The agent kit is your entry point. Start here:
-
-**`agent-kit/plugins-index.yaml`** — lists every plugin and what it provides:
-
-```yaml
-plugins:
-  - name: wix-stores
-    contracts:
-      - name: product-page
-        description: Product detail page with SSR
-    actions:
-      - name: searchProducts
-        description: Search the product catalog
-    services:
-      - name: products-db
-        description: Product catalog API
-    commands:
-      - name: sync-catalog
-        description: Sync product catalog from CMS
-```
-
-Use this file to discover what's available before writing any code.
-
-**`agent-kit/materialized-contracts/`** — the actual `.jay-contract` files. Read these to understand the data shapes, rendering phases, and refs for each component.
-
-**`agent-kit/references/<plugin>/`** — pre-generated discovery data (product catalogs, collection schemas, etc.). Check here before running CLI commands — it's faster.
-
-## The Four Roles
-
-The agent kit contains guides organized by role. Read the role that matches your task:
-
-| Folder                 | Role             | When to read                                                      |
-| ---------------------- | ---------------- | ----------------------------------------------------------------- |
-| `agent-kit/designer/`  | Designer         | Creating or editing `.jay-html` pages, styling, template syntax   |
-| `agent-kit/developer/` | Developer        | Writing `page.ts` components, services, state management, routing |
-| `agent-kit/plugin/`    | Plugin Developer | Creating headless components, contracts, actions, CLI commands    |
-| `agent-kit/devops/`    | DevOps           | Building, deploying, serving in production, invalidation          |
-
-Each folder has an `INSTRUCTIONS.md` that lists all available guides. Start there.
-
-## Key CLI Commands
-
-```bash
-# Development
-yarn jay-stack-cli dev                    # Start dev server
-yarn jay-stack-cli dev -v                 # Verbose mode
-
-# Validation
-yarn jay-stack-cli validate               # Validate all jay-html, contracts, actions
-
-# Discovery
-yarn jay-stack-cli agent-kit --list       # List available contracts
-yarn jay-stack-cli params <plugin>/<contract>  # Discover URL params for a contract
-yarn jay-stack-cli action <plugin>/<action> --input '{}'  # Run a plugin action
-
-# Plugin commands (admin/batch operations)
-yarn jay-stack-cli run --list             # List available plugin commands
-yarn jay-stack-cli run <plugin>/<command> # Run a plugin command
-
-# Production
-yarn jay-stack-cli build                  # Build production artifacts
-yarn jay-stack-cli serve                  # Start production server
-```
-
-## Project Structure
-
-```
-src/
-  pages/              # File-system routing
-    page.jay-html     # Root page (/)
-    products/
-      page.jay-html   # /products
-      [slug]/
-        page.jay-html # /products/:slug
-        page.ts       # Page component (optional)
-  plugins/            # Local plugins
-  components/         # Headfull components
-  init.ts             # Project service initialization
-agent-kit/            # Generated by jay-stack agent-kit
-  plugins-index.yaml  # Discovery index
-  designer/           # Designer role guides
-  developer/          # Developer role guides
-  plugin/             # Plugin developer guides
-  devops/             # DevOps guides
-  materialized-contracts/
-  references/
-```
-
-## Before Writing Code
-
-1. Read `agent-kit/plugins-index.yaml` to see what plugins and contracts exist
-2. Read the relevant contract file to understand the data shape
-3. Read the role guide that matches your task (designer/developer/plugin/devops)
-4. Check `agent-kit/references/<plugin>/` for pre-generated data before using CLI commands