grimdevworkbench-artifact

# Workbench Artifact ## Purpose Use this skill when creating or modifying a Workbench Artifact. Workbench Artifacts combine: - a normal `SKILL.md`; - a tiny local browser artifact; - a text-file data layer agents can patch directly; - two-way sync between browser UI and files; - optional host callbacks for Browser, Codex, annotation tools, or an artifact shell. Keep the default implementation minimal: - no framework; - no database; - no build step; - no generated manifest; - no browser-only source of truth. ## Canonical Paths - Shared standard: `skills/artifacts/artifacts/references/workbench-skills.md` - Skill source: `skills/artifacts/workbench-artifact/SKILL.md` - Sample artifact: `skills/artifacts/workbench-artifact/artifact/index.html` - Default state template: `skills/artifacts/workbench-artifact/artifact/state.json` - Per-project state: `<project-root>/workbench/workbench-artifact/state.json` - Served URL: `http://127.0.0.1:8765/workbench-artifact/` (after `node artifacts/server.js --root <project-root>`) ## Minimal Sync Sample This skill ships the smallest complete sync loop: - `index.html` - `styles.css` - `app.js` - `state.json` - generic server route in `artifacts/server.js` The sample uses: ```text GET /api/workbenches/workbench-artifact/state POST /api/workbenches/workbench-artifact/state ``` Browser edits write the per-project `state.json`. Agent edits to `state.json` reload automatically in the browser. State and media live in `<project-root>/workben...