agentic-web-developer 2.0.6 → 2.1.0

package/README.md

@@ -1,6 +1,6 @@
 # agentic-web-developer
 
-An **agentic skill** that turns an AI coding agent into a complete web-development and website-selling system — organized as **10 departments** (Strategy → Research → Content → Design → Frontend → Backend → Motion → QA → Deploy → Growth), each with its own slash command (`/agentic-web-developer-<dept>`, short alias `/awd-<dept>`).
+An **agentic skill** that turns an AI coding agent into a complete web-development and website-selling system — organized as **11 departments** (Strategy → Research → Content → Design → Frontend → Backend → Motion → QA → Deploy → Launch → Growth), each with its own slash command (`/agentic-web-developer-<dept>`, short alias `/awd-<dept>`).
 
 Plus a **novel-idea / product-launch mode** for websites not covered by the videos (SaaS, products, marketplaces).
 
@@ -12,20 +12,22 @@ Plus a **Mode D** for design-sketch intake — hand over your sketches/wireframe
 
 ## What you get
 
-- **10-department system** — Strategy (intake, mode, validation) · Research (design DNA + competitor intelligence) · Content (all the copy, agent-written) · Design (UI/UX + generated assets) · Frontend (framework, scaffold, build) · Backend (server-side, *only on request*) · Motion (motion brief + AnimotionJS handoff) · Quality Assurance (conversion, a11y, perf, SEO) · Deployment (ship + verify) · Growth (launch, outreach, monetization) — **one gate per stage, progress footer on every response**, the agent **never runs ahead on assumptions**.
-- **Slash commands** — `/awd-strategy`, `/awd-research`, `/awd-content`, `/awd-design`, `/awd-frontend`, `/awd-backend`, `/awd-motion`, `/awd-qa`, `/awd-deploy`, `/awd-growth`, plus **`/awd-taste`** (taste training — not a department) (full `/agentic-web-developer-*` names and the `/agentic-web-developer` router). Installed globally for **opencode** and **Claude Code**; `--no-commands` to skip.
+- **11-department system** — Strategy (intake, mode, validation) · Research (design DNA + competitor intelligence) · Content (all the copy, agent-written) · Design (UI/UX + generated assets) · Frontend (framework, scaffold, build) · Backend (server-side, *only on request*) · Motion (motion brief + AnimotionJS handoff) · Quality Assurance (conversion, a11y, perf, SEO) · Deployment (ship + verify) · Launch (product launch films & logo animations as MP4 via HyperFrames, *on request*) · Growth (launch, outreach, monetization) — **one gate per stage, progress footer on every response**, the agent **never runs ahead on assumptions**.
+- **Slash commands + free navigation** — `/awd-strategy`, `/awd-research`, `/awd-content`, `/awd-design`, `/awd-frontend`, `/awd-backend`, `/awd-motion`, `/awd-qa`, `/awd-deploy`, `/awd-launch`, `/awd-growth`, plus **`/awd-list`** (prints every department **and every stage** — start at any department or stage of any project at any time, e.g. `/awd-design 4.3`) and **`/awd-taste`** (taste training — not a department) (full `/agentic-web-developer-*` names and the `/agentic-web-developer` router). Installed globally for **opencode** and **Claude Code**; `--no-commands` to skip.
+- **Launch department (on request)** — 15–30s product launch film + 5–8s logo sting rendered to MP4 with HyperFrames: brief → capture & look system → storyboard & build → senior-designer critique loop & render. After Effects-quality motion via the AE → HyperFrames motion dictionary; runs in a local agent (needs a shell). `departments/launch.md`, `references/launch-video.md`.
 - **Taste training** — users *train* the agent's taste into a global profile (`~/.agentic-web-developer/taste-profile.md`: three dials, point of view, annotated idea archive, ban list). The agent reads it before designing, declares a one-line design read, **always proposes 1–3 gated in-style deviations** over the inspiration (declining = faithful recreation), audits the result 0–100 before approval, and files lasting feedback back into the profile — taste compounds across projects, never assumed.
 - **Immersive scroll design (method, Animotion owns the motion)** — an optional scroll-appetite gate at Strategy feeds a full design pass in Design: pick **one of 8 page grammars** (filmic, chaptered, live surface, continuous world, typographic poster, gallery, split stage, cutlist), write a **feeling curve with exactly one engineered peak**, invent a **signature move**, clear a **fingerprint gate** (≥4/6 dimensions differ from your prior builds), and pass taste-floor additions + a layered-hero spec — then Motion turns it into a beat-by-beat **device score table mapped to Animotion commands**, and QA runs a **scroll craft checklist** (contact sheet, dead scroll, cue opacity, frozen media, cold feel check). Scroll-craft's *design method* only; its runtime engine is never shipped. `references/scroll-craft-integration.md`.
 - **Project taste file (`brand.md`)** — drop a `brand.md` in the project root and every department reads it before design, copy or asset work: its hard rules (palette, fonts, voice, don'ts) override skill defaults and the taste profile the way a client brand book would. The agent offers to create one at Strategy intake.
 - **Intakes explain themselves** — every intake question ships with a *Why* (why it's asked) and an *Example* (a good answer), so you always know what to say next.
 - **Four modes** — Mode A build-and-sell, Mode B novel idea / product launch, Mode C advanced 3D / WebGL experience, Mode D design-sketch intake.
+- **Realistic Three.js / WebGL craft** — PBR realism dials, fragment shaders (palettes, noise/fbm, SDFs, dissolve/glitch transitions), particle systems (forces, curl-noise flow fields, GPU `Points`), product viewers/configurators, 3D data viz, React Three Fiber patterns, and a deterministic `?t=N` seek-and-screenshot verify loop — while AnimotionJS still owns every choreographed value. Distills the `3d-visualizer` skill (via explainx.ai) and `webgl-animation-skills`. `references/webgl-interactions.md`.
 - **Dev-mode toolkit (opt-in, removable)** — a live CSS styling toolbar plus a prototyping toolbar (hotspots, viewport switcher, grid/measure, states, annotations), gated behind an ask-first question and wrapped in one flag / one marked block so it's fully stripped before production.
 - **Knowledge base** — 8 distilled technique files from Meng To's public skills (video → analysis prompts, interaction-prompt packs, full-page capture, inspiration bundles, the single-file demo contract, 16 3D techniques, 14 SVG illustration styles, ThreeUI components), indexed so the agent consults them instead of improvising.
 - **User's asks are law** — explicit requirements are implemented exactly as stated; the skill's own machinery (modes, research, toolkit) is offered, never forced. The agent generates all copy and assets — you supply facts, brand assets and the inspiration pack.
 - **Design-tool agnostic** — Figma, Paper, Google Stitch, Google AI Studio, Framer or code-first. You supply the credentials/MCP for your tool of choice.
 - **Framework agnostic** — Next.js, React, Vue, Svelte, Astro, plain HTML, WordPress, GoHighLevel — you pick.
 - **All animation is delegated** to the [AnimotionJS agentic skill](https://skills.animotion.click/checkout) — this skill never writes animation code itself.
-- 17 reference playbooks, 10 department playbooks, a knowledge base (`references/knowledge-base/` — 8 distilled technique files + index), and 8 ready-to-fill templates (builder brief, scaffold HTML, `siteconfig.ts`, outlier anatomy, 3D scene brief, copy, QA report, taste profile).
+- 19 reference playbooks, 11 department playbooks, a knowledge base (`references/knowledge-base/` — 8 distilled technique files + index), and 9 ready-to-fill templates (builder brief, scaffold HTML, `siteconfig.ts`, outlier anatomy, 3D scene brief, copy, QA report, taste profile, launch brief).
 
 ## Install
 
@@ -159,9 +161,11 @@ Just talk to your agent:
 > "I have design sketches — turn them into a website"
 > "Use the agentic-web-developer skill"
 
-Or jump straight into a department (opencode + Claude Code, after install):
+Or jump straight into a department — or any single stage — (opencode + Claude Code, after install):
 
 > `/awd-design` — enter the Design department directly
+> `/awd-design 4.3` — jump to a specific stage (Design · Asset production)
+> `/awd-list` — print every department and stage; start anywhere, any project, any time
 > `/agentic-web-developer-qa` — full-name form of the same command
 > `/agentic-web-developer` — router (starts at Strategy unless you name a department)
 > `/awd-taste` — train or refine your taste profile (works with or without a project)
@@ -174,12 +178,12 @@ The agent classifies the project (Mode A: build-and-sell, Mode B: novel idea, Mo
 agentic-web-developer/
 ├── package.json          # npm manifest (bin: agentic-web-developer, awd.source)
 ├── bin/install.js        # zero-dependency installer CLI (all 15 agents, per-agent formats, slash commands)
-├── commands/             # 12 slash-command files (router + 10 departments + taste trainer; installer derives /awd-* aliases)
+├── commands/             # slash-command files (router + 11 departments + list + taste trainer; installer derives /awd-* aliases)
 ├── skill/                # ← the skill itself (source of truth; never published)
-│   ├── SKILL.md          # the router: license gate, 14 non-negotiables, department map, modes, footer spec
-│   ├── departments/      # 10 department playbooks + INDEX + DEPARTMENT-TEMPLATE
-│   ├── references/       # 17 playbooks (incl. licensing.md, taste-system.md, scroll-craft-integration.md)
-│   └── templates/        # 8 fill-in templates (incl. 3D scene brief, copy, QA report, taste profile)
+│   ├── SKILL.md          # the router: license gate, 14 non-negotiables, department map + /awd-list index, modes, footer spec
+│   ├── departments/      # 11 department playbooks + INDEX + DEPARTMENT-TEMPLATE
+│   ├── references/       # 19 playbooks (incl. licensing.md, taste-system.md, scroll-craft-integration.md, launch-video.md, webgl-interactions.md)
+│   └── templates/        # 9 fill-in templates (incl. 3D scene brief, copy, QA report, taste profile, launch brief)
 ├── docs/                 # ← the only content tracked in Git
 │   ├── INSTALL.md        # install guide for all 15 agents
 │   ├── EXAMPLES.md       # worked walkthroughs: Mode A + Mode B

package/bin/install.js

@@ -698,7 +698,9 @@ Slash commands (opencode + claude, unless --no-commands):
   /agentic-web-developer-<dept>              full name per department
   /awd-<dept>                                short alias (strategy, research, content,
                                              design, frontend, backend, motion, qa,
-                                             deploy, growth)
+                                             deploy, launch, growth)
+  /awd-<dept> <stage>                        stage jump (e.g. /awd-design 4.3)
+  /awd-list                                  print every department + stage; start anywhere
   /awd-taste                                 taste training (not a department —
                                              builds/edits your taste profile any time)
   -> opencode: ~/.config/opencode/command/   claude: ~/.claude/commands/

package/commands/agentic-web-developer-launch.md

@@ -0,0 +1,12 @@
+---
+description: Agentic Web Developer — Launch (product launch film & logo animation as MP4 via HyperFrames; on request)
+---
+
+Run the **agentic-web-developer** skill (read its `SKILL.md` first).
+
+1. **License gate** — run it before any work (at most once per session).
+2. Enter the **Launch** department: read `departments/launch.md` and follow it exactly. Method authority: `references/launch-video.md`; brief template: `templates/launch-brief-template.md`.
+3. Run its intake first — self-serve from `build-state.md` (ask only what's missing: product, story thread, format, look, sound), one gate per stage, record answers, append the **progress footer** to every response. This department needs a local shell (HyperFrames render). None of its GSAP/timeline code may leak into the shipped site (non-negotiable #4 scope).
+4. Handoff when complete: the next department is **Growth** (`/awd-growth`) — offer to continue, or re-run any department.
+
+User arguments: $ARGUMENTS

package/commands/agentic-web-developer-list.md

@@ -0,0 +1,12 @@
+---
+description: Agentic Web Developer — list every department and stage; start at any department/stage of any project any time
+---
+
+Run the **agentic-web-developer** skill (read its `SKILL.md` first).
+
+1. **License gate** — run it before any work (at most once per session).
+2. **Print the `/awd-list` index** from `SKILL.md` (section "`/awd-list` — department & stage index") verbatim: all 11 departments with their `/awd-<slug>` commands and every stage ID/name (1.1–11.3), plus `/awd-taste`.
+3. Remind the user they can start at **any department or any stage of any project at any time** — e.g. `/awd-design 4.3`, `/awd-qa 8.2`, plain "jump to 8.2". Default order is reference only, never enforced.
+4. Ask which department/stage to enter, or whether to resume the current project from `build-state.md`. Listing alone does no department work and needs no open project.
+
+User arguments: $ARGUMENTS

package/commands/agentic-web-developer.md

@@ -1,11 +1,11 @@
 ---
-description: Agentic Web Developer — full website system (license-gated; routes into the 10-department flow, starting at Strategy)
+description: Agentic Web Developer — full website system (license-gated; routes into the 11-department flow, starting at Strategy; /awd-list prints every department & stage)
 ---
 
 Run the **agentic-web-developer** skill (read its `SKILL.md` first).
 
 1. **License gate** — run it before any work (SKILL.md → "License gate"), at most once per session.
-2. **Route** — if the user named a department in the arguments (strategy / research / content / design / frontend / backend / motion / qa / deploy / growth), enter that department's file under `departments/` and follow it. If they named **taste** (or asked to train/refine taste), run `commands/agentic-web-developer-taste.md` instead — it is a trainer, not a department. Otherwise enter **Strategy** (`departments/strategy.md`) and run its intake — it collects everything later departments need.
-3. **Discipline** — self-serve intake from `build-state.md` (ask only what's missing), one gate per stage, record every answer, and append the **progress footer** to every response (SKILL.md → "Progress footer"). Backend runs only if the user asks for it.
+2. **Route** — if the user named a department in the arguments (strategy / research / content / design / frontend / backend / motion / qa / deploy / launch / growth), enter that department's file under `departments/` and follow it. A stage ID too (`design 4.3`)? Enter that department **at that stage** (SKILL.md → Routing → Stage-level jump). If they said **list** (or asked what departments/stages exist), run `commands/agentic-web-developer-list.md` instead. If they named **taste** (or asked to train/refine taste), run `commands/agentic-web-developer-taste.md` instead — it is a trainer, not a department. Otherwise enter **Strategy** (`departments/strategy.md`) and run its intake — it collects everything later departments need.
+3. **Discipline** — self-serve intake from `build-state.md` (ask only what's missing), one gate per stage, record every answer, and append the **progress footer** to every response (SKILL.md → "Progress footer"). Backend and Launch run only if the user asks for them. Jumps are always allowed — any department, any stage, any project, any time.
 
 User arguments: $ARGUMENTS

package/package.json

@@ -1,7 +1,7 @@
-{
+{
   "name": "agentic-web-developer",
-  "version": "2.0.6",
-  "description": "Department-based agentic skill for building high-converting websites that sell — 10 departments (Strategy, Research, Content, Design, Frontend, Backend, Motion, QA, Deploy, Growth) with slash commands (/awd-*), design DNA extraction, outlier competitor research, conversion blueprints, the M.O.N.E.Y sales framework, lead generation, cloning, outreach and deployment, plus product-launch, 3D/WebGL and design-sketch modes. All animation work is delegated to the AnimotionJS agentic skill.",
+  "version": "2.1.0",
+  "description": "Department-based agentic skill for building high-converting websites that sell — 11 departments (Strategy, Research, Content, Design, Frontend, Backend, Motion, QA, Deploy, Launch, Growth) with slash commands (/awd-*), /awd-list stage index (start any department/stage any time), design DNA extraction, outlier competitor research, conversion blueprints, the M.O.N.E.Y sales framework, lead generation, cloning, outreach and deployment, plus product-launch, 3D/WebGL (Three.js shaders/particles/viewers) and design-sketch modes. All animation work is delegated to the AnimotionJS agentic skill.",
   "keywords": [
     "opencode",
     "skill",
@@ -40,7 +40,7 @@
   },
   "license": "UNLICENSED",
   "awd": {
-    "source": "https://4e2zaktqel.ucarecd.net/365617a3-1228-4e8f-83db-13f87bf470b6/skilltar.gz"
+    "source": "https://4e2zaktqel.ucarecd.net/2dadfa4f-b6ae-409a-804c-b4df3e2f71e8/skilltar.gz"
   },
   "publishConfig": {
     "access": "public"