agentic-web-developer 2.0.6 → 2.1.1

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