@topy-ai/maggie 0.8.15 → 0.8.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README-zh-TW.md CHANGED
@@ -143,7 +143,7 @@ structure drift 或重複 treatment product 時 fail closed。
143
143
  deployment、memory、feedback 和 MaggieDash。內容先 draft/review,外部寫入、
144
144
  publish 與 production deployment 需要明確確認。
145
145
 
146
- 目前 npm 版本為 `0.8.15`,補齊除 Q 外所有設計類的覆蓋(深入研究先前略讀的桌面編輯器/動畫工具,只借思路不抄碼):maggie_image.py 新增 svg-export(Inkscape)/composite/look,新增 design-editor-patterns reference,並擴充 web-animation/generative-visuals/video-timeline;docs/design-coverage-audit.md 逐 repo 確認。先前 0.8.14 新增 `maggie-ai-media`(去背/放大/arm's-length ComfyUI 的命令生成器,自身不下載模型、不用 GPU),讓 Q 類達到同級;重型執行仍受成本把關。先前 0.8.13 新增 AI 媒體生成規劃 reference(Q 類:自託管模型概覽、程式碼授權≠權重授權規則、商用安全子集 rembg/Real-ESRGAN、成本/BYOK 守則;實際建置待明確許可)。先前 0.8.12 收尾其餘設計類:新增 `maggie-image`(影像處理 CLI:尺寸/OG/favicon/WebP-AVIF/svg/montage)與 web 動效、生成式視覺、圖像配方、字幕四個 reference。先前 0.8.11 收尾 N 類影片功能:`maggie_video.py compile` 再補上視頻 clip ken-burns、sidechain ducking、以及非透明度 overlay 效果(move/slide、圖片 zoom),並新增 `autocut` 子命令(silencedetect 去靜音)。先前 0.8.10 新增圖片 ken-burns + 文字透明度關鍵幀與 `captions`(whisper)子命令。先前 0.8.9 新增 `compile`(宣告式 timeline JSON→單一 ffmpeg 命令)。先前 0.8.8 新增 `maggie-video`(製作與處理行銷影片:剪輯、字幕、裁切成各渠道比例、浮水印、轉碼、響度正規化、clip 組裝、程式化動畫),附一個實測可用的 ffmpeg 配方 CLI(`maggie_video.py`),從參考庫的影片專案(moviepy/editly/ffmpeg 命令層、Revideo/Motion Canvas/CCapture 程式化渲染、MLT/OpenShot/Olive 的 timeline 資料形狀)提煉而來;另加 `ffmpeg-recipes`、`programmatic-video`、`video-timeline-model` 三個 reference。先前 0.8.7 把 redesign 稽核併入 `maggie-design`(改編自 MIT 的 `elayadesign/redesign-skill`):掃描 + 診斷 AI 通病/缺失狀態/雜亂程式碼,再經 in-place/verify 流程就地修正,因此「稽核/打磨/升級既有站點」會路由到 maggie-design。先前 0.8.6 補齊兩個設計技能:加入完整的生產 reference,並把設計來源明確為 Figma 非必需(實時 URL、既有程式碼、Figma、或純截圖)。先前 0.8.5 採納兩個設計技能(改編自 MIT 的 `elayadesign/ai-design-skills`):maggie-landing-page(轉化策略 + 視覺系統紀律,具體數值為可被專案 DESIGN.md 覆蓋的預設值;由 maggie-design 生產與驗證)與 maggie-design-motion(靜態設計→像素級動畫 HTML 複刻→匯出 MP4 + GIF)。先前 0.8.4 將技能庫擴展成完整的「一人用 AI 跑一家公司」C-suite,新增八條職能線:maggie-sales(CRM 中立的銷售管線)、maggie-finance(只解釋的 CFO 指標,含確定性 maggie_finance.py 計算器)、maggie-support(面向客戶的客戶成功)、maggie-product(路線圖 + 預註冊實驗)、maggie-fundraising(pitch deck、data room、投資人更新)、maggie-legal(ToS/隱私/DPA/SOC2 readiness)、maggie-monetization(定價/paywall/dunning,金錢操作需人工批准)、maggie-orchestrator(CEO 編排層:將目標拆成帶審批門的 mission 分派到各職能線,含 maggie_orchestrator.py 規劃器)。先前 0.8.3 將 cmo.so/www 開發經驗沉澱進技能庫:新增兩個技能 maggie-skill-authoring(依 catalog 與 MCP 工具白名單撰寫/校驗社區營銷 playbook 技能)與 maggie-feedback-triage(反饋的團隊接收端:決策/定級/分派、PRD + issue 流程、24/7 隊列守護);新增多個 reference(OAuth PKCE 登入、Expo 約定與 Router 骨架、MCP evals 測試框架、conversation cards、WordPress→Firebase 認證遷移手冊);並增補 maggie-assistant-tools(tool≤user 每輪工具過濾、agent loop 安全不變量、preview-only 橋接代理、MCP resources/prompts、注解加固、CLI 與 ChatGPT 插件打包)、maggie-auth-reference(自清理登入測試套件、自簽單次令牌)、maggie-mobile-app(OTA 開機拉取、live==built 部署守衛)、maggie-deployment(pm2 單包發布、live-hash 校驗)與 maggie-ops(template-as-code 郵件同步)。先前 0.8.2 新增 maggie-spirit(為 AI 品牌生成平面像素 spirit/sprite 系統)與 goal-led AI agent 設計參考;0.8.0 為安全優化 roadmap(scan、image-patch、標頭評分、SSVC、GDPR 日誌規則、新 MCP 工具)。先前 0.8.0 為安全優化 roadmap(scan、image-patch、標頭評分、SSVC、GDPR 日誌規則、新 MCP 工具),含 fix-plan 修補風險分級 T1–T4(判斷補丁是否安全套用)與 host-impact 補丁影響面量測(哪些服務需重啟、是否需重開機)、public-check、Maggie Security、batch 31 排程 agent routines、報告收件匣與無人值守 agent 限制、PHP runtime 盤點與主機鎖、pull 網站改寫、query 點子與社群佇列檢查,batch 30 MaggieDash 先裝核心、release privacy gate、feedback 備援、社群連結與圖片檢查、大量頁面產生與 app 檢查,batch 29 預約規則、部署、app QA、助理與社群功能,以及 batch 28 產品 app、assistant tools、mobile、product release、skills catalog 與 bridge host 功能、batch 26、27 feedback 修正與 idempotent `maggie update`與 Booking email-template 合約/CLI validator 同步。本版完成 2026-09-24 booking feedback batch:Calendar grid/free-slot entry 與 host modal focus-restoration evidence。本版新增 Starter marketplace provisioning plan;本版完成 feedback batches 22、23:加入 declarative browser interaction evidence、design markup/style/content-key gate、compiler source anchoring、entity double-escape protection、`update --help` read-only、noindex hypothetical indexability、可過期 baseline acknowledgement、DOM-only link extraction regression,以及 MaggieDash 0.2.10 的 content override、短期 browser session、CDN-safe public-session cache contracts。authentication 和 isolated dev server 仍由 host 負責。`maggie-booking` workflow、傳統 email/password、Stripe、Resend、public booking flow 及既有安全邊界維持不變;provider-bound video generation 與 transactional delivery 仍記錄在 issue #39,前一批延後功能仍在 issue #38,不會直接成為 active memory。0.7.33 記錄並審查一筆更正回饋;確認 0.7.32 已正確處理 batch index,沒有修改已驗證的 shared behavior。0.7.32 加入 feedback 一基索引支援、MaggieDash panel 的 source/freshness/error evidence、Consent Mode 與實際 write/no-op reconciliation、SEO baseline recapture、sitemap origin rebasing、content-diff scope、migration ledger reconciliation、deployment credential preflight、release provenance/runtime preflight、icon release gate、opt-in blog auto-publish gate,以及 least-privilege VPS deployer。也修復 top-level `maggie feedback` dispatcher parity。0.7.31 加入 update 差異摘要、atomic installer copy、subset install manifest merge,以及 inventory drift 時 doctor non-zero。0.7.30 補上 feedback tracking issue closeout gate 與 batch 14/15 audit ledger。0.7.29 修正 npm package landing page 使用英文 README;0.7.28 加入 versioned Gemini model policy、明確 fallback 與 provenance、bundled-first CLI
146
+ 目前 npm 版本為 `0.8.17`,收尾最後兩個完整源碼覆蓋缺口:`inkscape/inkscape`(GitHub 鏡像僅 2 檔 stub,改從 GitLab clone 7053 檔逐一代碼級研究)與 L 類 web 動效庫(先前僅 README/API 層,現讀完整源碼)。net-new(借鑑邏輯非程式碼):`maggie_image.py` 新增 `svg-export --actions`(一次 Inkscape 呼叫完成清理+展平+匯出)與 `svg-query`(元素 id + 邊界框);`web-animation-patterns` 補上源碼級更正(AOS 其實是 scroll+throttle 而非 IntersectionObserver;lenis `autoRaf` 預設 false 且有 `respectReducedMotion`;typed.js 為 GPL-3.0 且無減動支援)與新點子(設計師友善的彈簧詞彙、mojs `Burst` 微互動條目、anime v4 網格 stagger、pixijs 超出範圍邊界註記)。`0.8.16` 把先前僅 README 的 repo 解稀疏為完整源碼並逐一代碼級研究(驗證所有 reference 並補 net-new:Remotion delayRender gate、opentoonz BSD 可移植的 xsheet 時間線、綠幕/LUT/卡拉OK 濾鏡、whisper turbo + 字幕旗標、Babylon NullEngine 無頭),並新增 maggie_image.py trim/auto-orient 與更豐富的 captions 旗標。先前 0.8.15 補齊除 Q 外所有設計類的覆蓋:maggie_image.py 新增 svg-export(Inkscape)/composite/look,新增 design-editor-patterns reference,並擴充 web-animation/generative-visuals/video-timeline;docs/design-coverage-audit.md 逐 repo 確認。先前 0.8.14 新增 `maggie-ai-media`(去背/放大/arm's-length ComfyUI 的命令生成器,自身不下載模型、不用 GPU),讓 Q 類達到同級;重型執行仍受成本把關。先前 0.8.13 新增 AI 媒體生成規劃 reference(Q 類:自託管模型概覽、程式碼授權≠權重授權規則、商用安全子集 rembg/Real-ESRGAN、成本/BYOK 守則;實際建置待明確許可)。先前 0.8.12 收尾其餘設計類:新增 `maggie-image`(影像處理 CLI:尺寸/OG/favicon/WebP-AVIF/svg/montage)與 web 動效、生成式視覺、圖像配方、字幕四個 reference。先前 0.8.11 收尾 N 類影片功能:`maggie_video.py compile` 再補上視頻 clip ken-burns、sidechain ducking、以及非透明度 overlay 效果(move/slide、圖片 zoom),並新增 `autocut` 子命令(silencedetect 去靜音)。先前 0.8.10 新增圖片 ken-burns + 文字透明度關鍵幀與 `captions`(whisper)子命令。先前 0.8.9 新增 `compile`(宣告式 timeline JSON→單一 ffmpeg 命令)。先前 0.8.8 新增 `maggie-video`(製作與處理行銷影片:剪輯、字幕、裁切成各渠道比例、浮水印、轉碼、響度正規化、clip 組裝、程式化動畫),附一個實測可用的 ffmpeg 配方 CLI(`maggie_video.py`),從參考庫的影片專案(moviepy/editly/ffmpeg 命令層、Revideo/Motion Canvas/CCapture 程式化渲染、MLT/OpenShot/Olive 的 timeline 資料形狀)提煉而來;另加 `ffmpeg-recipes`、`programmatic-video`、`video-timeline-model` 三個 reference。先前 0.8.7 把 redesign 稽核併入 `maggie-design`(改編自 MIT 的 `elayadesign/redesign-skill`):掃描 + 診斷 AI 通病/缺失狀態/雜亂程式碼,再經 in-place/verify 流程就地修正,因此「稽核/打磨/升級既有站點」會路由到 maggie-design。先前 0.8.6 補齊兩個設計技能:加入完整的生產 reference,並把設計來源明確為 Figma 非必需(實時 URL、既有程式碼、Figma、或純截圖)。先前 0.8.5 採納兩個設計技能(改編自 MIT 的 `elayadesign/ai-design-skills`):maggie-landing-page(轉化策略 + 視覺系統紀律,具體數值為可被專案 DESIGN.md 覆蓋的預設值;由 maggie-design 生產與驗證)與 maggie-design-motion(靜態設計→像素級動畫 HTML 複刻→匯出 MP4 + GIF)。先前 0.8.4 將技能庫擴展成完整的「一人用 AI 跑一家公司」C-suite,新增八條職能線:maggie-sales(CRM 中立的銷售管線)、maggie-finance(只解釋的 CFO 指標,含確定性 maggie_finance.py 計算器)、maggie-support(面向客戶的客戶成功)、maggie-product(路線圖 + 預註冊實驗)、maggie-fundraising(pitch deck、data room、投資人更新)、maggie-legal(ToS/隱私/DPA/SOC2 readiness)、maggie-monetization(定價/paywall/dunning,金錢操作需人工批准)、maggie-orchestrator(CEO 編排層:將目標拆成帶審批門的 mission 分派到各職能線,含 maggie_orchestrator.py 規劃器)。先前 0.8.3 將 cmo.so/www 開發經驗沉澱進技能庫:新增兩個技能 maggie-skill-authoring(依 catalog 與 MCP 工具白名單撰寫/校驗社區營銷 playbook 技能)與 maggie-feedback-triage(反饋的團隊接收端:決策/定級/分派、PRD + issue 流程、24/7 隊列守護);新增多個 reference(OAuth PKCE 登入、Expo 約定與 Router 骨架、MCP evals 測試框架、conversation cards、WordPress→Firebase 認證遷移手冊);並增補 maggie-assistant-tools(tool≤user 每輪工具過濾、agent loop 安全不變量、preview-only 橋接代理、MCP resources/prompts、注解加固、CLI 與 ChatGPT 插件打包)、maggie-auth-reference(自清理登入測試套件、自簽單次令牌)、maggie-mobile-app(OTA 開機拉取、live==built 部署守衛)、maggie-deployment(pm2 單包發布、live-hash 校驗)與 maggie-ops(template-as-code 郵件同步)。先前 0.8.2 新增 maggie-spirit(為 AI 品牌生成平面像素 spirit/sprite 系統)與 goal-led AI agent 設計參考;0.8.0 為安全優化 roadmap(scan、image-patch、標頭評分、SSVC、GDPR 日誌規則、新 MCP 工具)。先前 0.8.0 為安全優化 roadmap(scan、image-patch、標頭評分、SSVC、GDPR 日誌規則、新 MCP 工具),含 fix-plan 修補風險分級 T1–T4(判斷補丁是否安全套用)與 host-impact 補丁影響面量測(哪些服務需重啟、是否需重開機)、public-check、Maggie Security、batch 31 排程 agent routines、報告收件匣與無人值守 agent 限制、PHP runtime 盤點與主機鎖、pull 網站改寫、query 點子與社群佇列檢查,batch 30 MaggieDash 先裝核心、release privacy gate、feedback 備援、社群連結與圖片檢查、大量頁面產生與 app 檢查,batch 29 預約規則、部署、app QA、助理與社群功能,以及 batch 28 產品 app、assistant tools、mobile、product release、skills catalog 與 bridge host 功能、batch 26、27 feedback 修正與 idempotent `maggie update`與 Booking email-template 合約/CLI validator 同步。本版完成 2026-09-24 booking feedback batch:Calendar grid/free-slot entry 與 host modal focus-restoration evidence。本版新增 Starter marketplace provisioning plan;本版完成 feedback batches 22、23:加入 declarative browser interaction evidence、design markup/style/content-key gate、compiler source anchoring、entity double-escape protection、`update --help` read-only、noindex hypothetical indexability、可過期 baseline acknowledgement、DOM-only link extraction regression,以及 MaggieDash 0.2.10 的 content override、短期 browser session、CDN-safe public-session cache contracts。authentication 和 isolated dev server 仍由 host 負責。`maggie-booking` workflow、傳統 email/password、Stripe、Resend、public booking flow 及既有安全邊界維持不變;provider-bound video generation 與 transactional delivery 仍記錄在 issue #39,前一批延後功能仍在 issue #38,不會直接成為 active memory。0.7.33 記錄並審查一筆更正回饋;確認 0.7.32 已正確處理 batch index,沒有修改已驗證的 shared behavior。0.7.32 加入 feedback 一基索引支援、MaggieDash panel 的 source/freshness/error evidence、Consent Mode 與實際 write/no-op reconciliation、SEO baseline recapture、sitemap origin rebasing、content-diff scope、migration ledger reconciliation、deployment credential preflight、release provenance/runtime preflight、icon release gate、opt-in blog auto-publish gate,以及 least-privilege VPS deployer。也修復 top-level `maggie feedback` dispatcher parity。0.7.31 加入 update 差異摘要、atomic installer copy、subset install manifest merge,以及 inventory drift 時 doctor non-zero。0.7.30 補上 feedback tracking issue closeout gate 與 batch 14/15 audit ledger。0.7.29 修正 npm package landing page 使用英文 README;0.7.28 加入 versioned Gemini model policy、明確 fallback 與 provenance、bundled-first CLI
147
147
  dispatch、`maggie --version`、feedback batch review 聚合與重複偵測、marketplace enrichment evidence、booking
148
148
  worker/resolver evidence,以及 read-only migration preflight。它也包含 host-owned mobile app surface contract、signed-in
149
149
  camera-state QA、直接 Astro route resolution、correlated feedback batch,以及
package/README.md CHANGED
@@ -89,7 +89,7 @@ Maggie keeps the existing project foundation and asks for decisions before
89
89
  shared routes, analytics, or publishing boundaries change. The current
90
90
  package ships 39 installable skills and a local-first MaggieDash foundation.
91
91
 
92
- This package is `0.8.15` — closes the non-Q design coverage gap (deep codebase study of the desktop editors/animation tools): `maggie_image.py` gains svg-export/composite/look, a new design-editor-patterns reference, and growth in web-animation/generative-visuals/video-timeline references. `0.8.14` adds `maggie-ai-media` (bg removal / upscaling / arm's-length ComfyUI as a command generator; no model downloads or GPU itself). `0.8.13` adds the AI-media-generation planning reference (category Q: licensing + safe subset + cost guardrails; build gated on go-ahead). `0.8.12` adds `maggie-image` (process images via an ImageMagick recipe CLI) + references for web animation, generative visuals, image recipes, and captions. `0.8.11` - `maggie_video.py compile` now also does video-clip ken-burns, sidechain ducking, and non-opacity overlay effects (move/slide, image zoom), and a new `autocut` subcommand removes silent gaps. `0.8.10` added image ken-burns + text opacity keyframes and the `captions` (whisper) subcommand. `0.8.9` added `compile` (declarative timeline JSON -> one ffmpeg command). `0.8.8` added `maggie-video` (produce and process marketing video: cut, caption, resize to channel aspects, watermark, transcode, normalize loudness, assemble clips, render code-drawn animation) with a tested ffmpeg-recipe CLI, distilled from the reference library's video projects; plus references `ffmpeg-recipes`, `programmatic-video`, `video-timeline-model`. `0.8.7` folded a redesign audit into `maggie-design` (from the MIT `elayadesign/redesign-skill`): scan + diagnose generic AI-design patterns/weak states/sloppy code, then fix in place via the in-place/verify flow, so "audit/polish/upgrade an existing site" routes to maggie-design. `0.8.6` completed the two adopted design skills with full production references and made the design source Figma-optional (live URL, existing code, Figma, or a screenshot). `0.8.5` adopted the two design skills (adapted, MIT, from `elayadesign/ai-design-skills`): `maggie-landing-page` (conversion strategy + a visual-system discipline whose values defer to the project's DESIGN.md) and `maggie-design-motion` (static design → pixel-exact animated HTML replica → MP4 + GIF export). `0.8.4` expanded the library into a full "one person runs a company with AI" C-suite with eight new function lanes: `maggie-sales` (CRM-neutral pipeline), `maggie-finance` (explain-only CFO metrics + a deterministic `maggie_finance.py` calculator), `maggie-support` (customer success), `maggie-product` (roadmap + pre-registered experiments), `maggie-fundraising` (deck, data room, investor updates), `maggie-legal` (ToS/privacy/DPA/SOC2 readiness), `maggie-monetization` (pricing/paywalls/dunning; money actions human-approved), and `maggie-orchestrator` (the CEO layer that decomposes a goal into gated missions across the lanes, with a `maggie_orchestrator.py` planner). `0.8.3` folded cmo.so/www development learnings in (maggie-skill-authoring, maggie-feedback-triage, and mobile/MCP/auth references); `0.8.2` added `maggie-spirit`; `0.8.0` was the security optimization roadmap.
92
+ This package is `0.8.17` — closes the last two full-source coverage gaps: `inkscape/inkscape` (GitHub is a 2-file stub; studied from GitLab, 7053 files) and the L web-animation libraries (now read at source). `maggie_image.py` gains `svg-export --actions` (clean+flatten+export in one Inkscape call) + `svg-query` (element ids + bounding boxes); `web-animation-patterns` gets source corrections (AOS is scroll+throttle not IntersectionObserver; lenis `autoRaf` default false; typed.js GPL-3.0) and new ideas (designer-spring vocabulary, mojs `Burst` entry, anime v4 grid-stagger, pixijs out-of-scope note). `0.8.16` — de-sparses the earlier README-only repos to full source and studies them at code level (confirm + net-new: Remotion delayRender gate, opentoonz BSD port target, green-screen/LUT/karaoke filters, whisper turbo + caption flags, Babylon NullEngine), plus maggie_image.py trim/auto-orient and richer captions flags. `0.8.15` closed the non-Q design coverage gap: `maggie_image.py` gains svg-export/composite/look, a new design-editor-patterns reference, and growth in web-animation/generative-visuals/video-timeline references. `0.8.14` adds `maggie-ai-media` (bg removal / upscaling / arm's-length ComfyUI as a command generator; no model downloads or GPU itself). `0.8.13` adds the AI-media-generation planning reference (category Q: licensing + safe subset + cost guardrails; build gated on go-ahead). `0.8.12` adds `maggie-image` (process images via an ImageMagick recipe CLI) + references for web animation, generative visuals, image recipes, and captions. `0.8.11` - `maggie_video.py compile` now also does video-clip ken-burns, sidechain ducking, and non-opacity overlay effects (move/slide, image zoom), and a new `autocut` subcommand removes silent gaps. `0.8.10` added image ken-burns + text opacity keyframes and the `captions` (whisper) subcommand. `0.8.9` added `compile` (declarative timeline JSON -> one ffmpeg command). `0.8.8` added `maggie-video` (produce and process marketing video: cut, caption, resize to channel aspects, watermark, transcode, normalize loudness, assemble clips, render code-drawn animation) with a tested ffmpeg-recipe CLI, distilled from the reference library's video projects; plus references `ffmpeg-recipes`, `programmatic-video`, `video-timeline-model`. `0.8.7` folded a redesign audit into `maggie-design` (from the MIT `elayadesign/redesign-skill`): scan + diagnose generic AI-design patterns/weak states/sloppy code, then fix in place via the in-place/verify flow, so "audit/polish/upgrade an existing site" routes to maggie-design. `0.8.6` completed the two adopted design skills with full production references and made the design source Figma-optional (live URL, existing code, Figma, or a screenshot). `0.8.5` adopted the two design skills (adapted, MIT, from `elayadesign/ai-design-skills`): `maggie-landing-page` (conversion strategy + a visual-system discipline whose values defer to the project's DESIGN.md) and `maggie-design-motion` (static design → pixel-exact animated HTML replica → MP4 + GIF export). `0.8.4` expanded the library into a full "one person runs a company with AI" C-suite with eight new function lanes: `maggie-sales` (CRM-neutral pipeline), `maggie-finance` (explain-only CFO metrics + a deterministic `maggie_finance.py` calculator), `maggie-support` (customer success), `maggie-product` (roadmap + pre-registered experiments), `maggie-fundraising` (deck, data room, investor updates), `maggie-legal` (ToS/privacy/DPA/SOC2 readiness), `maggie-monetization` (pricing/paywalls/dunning; money actions human-approved), and `maggie-orchestrator` (the CEO layer that decomposes a goal into gated missions across the lanes, with a `maggie_orchestrator.py` planner). `0.8.3` folded cmo.so/www development learnings in (maggie-skill-authoring, maggie-feedback-triage, and mobile/MCP/auth references); `0.8.2` added `maggie-spirit`; `0.8.0` was the security optimization roadmap.
93
93
 
94
94
  The 0.7.59 release made `maggie security host-audit` (the deep
95
95
  lynis audit over SSH) robust on hosts where a storage test can stall: lynis runs
@@ -9,7 +9,7 @@ Distilled from the reference library's R-category projects.
9
9
 
10
10
  | Engine | What / how | License | Reach for it when |
11
11
  |---|---|---|---|
12
- | openai-whisper | The reference Python CLI: `whisper IN --model base --output_format srt --output_dir DIR` | MIT | the default; simplest install (`pip install openai-whisper`) |
12
+ | openai-whisper | `whisper IN --model turbo --output_format srt --output_dir DIR` (default model is now **`turbo`** = large-v3-turbo; formats `txt/vtt/srt/tsv/json`) | MIT | the default; simplest install (`pip install openai-whisper`) |
13
13
  | whisper.cpp | C/C++ port, fast on CPU, GGML models: `whisper-cli -m model.bin -f IN -osrt -of OUTBASE` | MIT | no GPU / fastest CPU / embedding in a pipeline |
14
14
  | whisperX | whisper + forced alignment for **word-level timestamps** and diarization: `whisperx IN --model large-v3 --output_format srt --output_dir DIR` | BSD-4 | word-accurate caption timing or speaker labels |
15
15
 
@@ -38,4 +38,24 @@ Model size trades speed for accuracy: `tiny` / `base` (fast, rough) -> `small` /
38
38
  API is ever wired in instead, the global spend-first rule applies - state the cost.
39
39
  - Keep caption text inside the safe area (see `maggie-video` channel presets).
40
40
 
41
+ ## Caption-shaping flags (built into openai-whisper)
42
+
43
+ The core CLI already does what we previously routed to whisperX or post-processing
44
+ (`maggie_video.py captions` exposes these):
45
+
46
+ - `--word_timestamps True` - word-level timings (whisperX still wins on alignment +
47
+ diarization, but core whisper now has them).
48
+ - `--highlight_words True` - **karaoke-style** per-word highlight in SRT/VTT (the
49
+ social-caption effect); render the ASS with ffmpeg `subtitles`.
50
+ - `--max_line_width` / `--max_line_count` / `--max_words_per_line` - native line
51
+ wrapping so captions fit the channel safe-area, no post-processing.
52
+ - `--initial_prompt "<brand, product names>"` - bias the model toward correct brand/
53
+ jargon spelling (the concrete mitigation for the mishears-brand-terms risk; still
54
+ human-review).
55
+ - Anti-hallucination over music/silence: `--hallucination_silence_threshold`,
56
+ `--compression_ratio_threshold`, `--logprob_threshold`, `--no_speech_threshold` -
57
+ worth setting for music-bed marketing clips.
58
+ - `--task translate` (foreign audio -> English subs), `--clip_timestamps` (only given
59
+ ranges).
60
+
41
61
  See `maggie-video` for the subcommands and the burn-in / soft-mux / compile options.
@@ -15,8 +15,12 @@ the image is reconstructed by replaying the stack. Borrow this as a maggie "imag
15
15
  recipe": a small JSON `[ {op, params}, ... ]` stored next to the original and replayed
16
16
  by `maggie_image.py` (each op -> an ImageMagick/sharp command). It is **reproducible,
17
17
  auditable, re-editable, and batchable** - apply one "look" recipe to every photo in a
18
- campaign for consistent brand grading. `darktable-cli <in> <sidecar.xmp> <out>` renders
19
- from such a stack (GPL binary, arm's-length).
18
+ campaign for consistent brand grading. `darktable-cli <input> [sidecar.xmp]
19
+ <output-dir>` renders from such a stack (XMP optional/auto-discovered, final arg is a
20
+ **directory**; GPL binary, arm's-length). Two source details worth adopting: **params
21
+ versioning** (each module keeps `legacy_params` for forward-compatible migration -
22
+ version your recipe ops) and **"Styles" = saved reusable history** (name a look once,
23
+ apply to many).
20
24
 
21
25
  ## LLM-generatable scene / diagram formats
22
26
 
@@ -75,3 +79,26 @@ only: penpot (MPL), tldraw (custom), krita/krita-ai-diffusion (GPL), drawio icon
75
79
  MIT and freely borrowable as ideas (still reimplement, don't bulk-copy): excalidraw,
76
80
  Method-Draw, rough.js, Pinta. drawio code Apache-2.0; its diagram output is
77
81
  unrestricted.
82
+
83
+ ## From full-source study (net-new)
84
+
85
+ - **tldraw** - the LLM mutation surface is `editor.createShapes/updateShapes/
86
+ deleteShapes` (batch partial mutations); the store ships schema **migration
87
+ sequences**, a composable **validation layer**, and a **side-effects manager**
88
+ (before/after create/change/delete hooks). `parentId` can be a page *or* a shape;
89
+ pages carry a fractional `index`. Adopt the batch-mutation + validate + migrate
90
+ shape as the model for an agent-written canvas doc.
91
+ - **penpot** - **design tokens are W3C DTCG** (import/export + aliasing), components
92
+ have **variants**, shapes carry **flex/grid layout**; the agent boundary is an
93
+ **official MCP server talking to a sandboxed in-app plugin over WebSocket** - a
94
+ strong arm's-length model for making a design doc agent-writable (mirrors Maggie's
95
+ own MCP posture).
96
+ - **drawio** - the `mxConstants` STYLE_* key table is a **validated allow-list** for
97
+ LLM-emitted styles; `mxEdgeStyle` routing + hierarchical/tree/organic **auto-layout**
98
+ mean a generated node+edge list can self-position; `.drawio` pages are often
99
+ **deflate+base64** compressed.
100
+ - **krita** - an **adjustment/filter layer holds a serialized filter config** = a
101
+ non-destructive recipe living in the layer stack; ops are **mask/selection-scoped**;
102
+ `.kra` is `zip(manifest XML + per-layer blobs)`; a **Python scripting API** and a
103
+ JSON-manifest plugin boundary let a generative backend register like any filter -
104
+ the "AI as a swappable backend" posture.
@@ -128,3 +128,24 @@ maggie tool maggie_video.py compile --spec timeline.json # declarative timelin
128
128
  maggie tool maggie_video.py --run encode --input in.mov --output out.mp4 # actually runs
129
129
  maggie tool maggie_video.py presets
130
130
  ```
131
+
132
+ ## More filters worth reaching for (confirmed in libavfilter)
133
+
134
+ - **Green-screen / keying** (UGC, product on a brand background):
135
+ `chromakey=0x00FF00:0.1:0.0` (or `colorkey`), clean fringes with `despill`.
136
+ - **Fade to/from black** (distinct from clip crossfade): `fade=t=in:st=0:d=0.5`,
137
+ `fade=t=out:st=9.5:d=0.5`.
138
+ - **Brand color grade / LUT**: `lut3d=brand.cube`, or `curves`/`eq`/`colorbalance`/`hue`.
139
+ - **Karaoke captions**: `subtitles=in.ass` with a full ASS file (word highlight) -
140
+ pairs with whisper `--highlight_words` ([captions](captions-transcription.md)).
141
+ - **Focus/credits**: `gblur` + `vignette`; `scroll` for scrolling outros.
142
+ - **GPU fast path** when hardware is present: `overlay_cuda`/`overlay_vulkan`,
143
+ `xfade_opencl` for long renders.
144
+
145
+ ## Target-filesize social presets (HandBrake idea)
146
+
147
+ Beyond aspect, encode to **fit under a platform's upload cap**: pick a two-pass video
148
+ bitrate from the cap and duration - `bitrate_bits = size_bytes * 8 / duration - audio`
149
+ - e.g. "25 MB / 30 s / 1080p". A named preset bundles `(upload cap, max duration) ->
150
+ resolution + bitrate`. (HandBrake ships exactly these as "Social 25 MB 30 Seconds"
151
+ presets.)
@@ -119,3 +119,26 @@ nannou - licenses in the table above. Capture pipeline: see
119
119
  prompting, ControlNet/IP-Adapter conditioning), see
120
120
  [AI media generation](ai-media-generation.md) and
121
121
  [design editor patterns](design-editor-patterns.md).
122
+
123
+ ### Headless capture + 3D export (from full-source study)
124
+
125
+ How to render these engines **without a screen**, and extra output formats worth
126
+ knowing:
127
+
128
+ - **Babylon.js `NullEngine`** (Apache-2.0) - first-class **server-side headless**
129
+ rendering (no GPU/canvas); the cleanest headless story for render-automation jobs,
130
+ plus a built-in **procedural-texture library** (brick/cloud/fire/marble/noise/wood),
131
+ `CreateScreenshotUsingRenderTarget` for 4K+ stills from a small viewport, and
132
+ **NodeMaterial** (shaders serialize to JSON - an LLM-emittable look). This is the
133
+ concrete reason to pick Babylon over three for automation.
134
+ - **three.js** (MIT) - `readRenderTargetPixels()`/`...Async` read pixels from an
135
+ offscreen `WebGLRenderTarget` (true headless high-res, not on-screen canvas);
136
+ **SVGRenderer** emits a 3D scene as editable SVG; **USDZExporter** turns a 3D product
137
+ into a free **iOS AR Quick Look** asset; **GPUComputationRenderer** (ping-pong FBO
138
+ sim: flocking/fluid) = a living, seeded generative hero background.
139
+ - **openFrameworks** (MIT) - `ofFbo` offscreen framebuffer for arbitrary-res stills;
140
+ **ofxEmscripten** compiles a desktop sketch to WebAssembly for the browser;
141
+ **ofxSvg** parses + emits structured SVG.
142
+ - **Processing** - `PSurfaceNone` (headless) and `createGraphics(big)` (render larger
143
+ than the screen -> high-res still). License at feature granularity: core raster is
144
+ LGPL, but **SVG/PDF export is in non-core (GPL)** - reimplement, don't vendor.
@@ -103,6 +103,36 @@ inkscape in.svg --export-id=badge --export-id-only --export-type=png --export-fi
103
103
  inkscape in.svg --export-type=png --export-dpi=300 --export-area-page --export-filename=print.png
104
104
  ```
105
105
 
106
+ **From the real source (GitLab `inkscape/inkscape`, 1.5-dev — the GitHub mirror is a
107
+ stub; CLI flags above all confirmed current against `man/inkscape.pod.in`).** Three
108
+ net-new capabilities worth adopting, all still arm's-length (no GPL vendored):
109
+
110
+ - **Actions pipeline + batch (`--actions` / `--shell`).** One invocation can run an
111
+ ordered list of verbs, so a cleanup+flatten+export is a single call instead of a
112
+ chain. `maggie_image.py svg-export` can emit this for a "clean then export" job:
113
+ ```bash
114
+ inkscape in.svg \
115
+ --actions="select-all;object-to-path;vacuum-defs;export-plain-svg;export-filename:flat.svg;export-do"
116
+ # batch many files through one long-lived process (no per-file startup cost):
117
+ inkscape --shell < actions.txt # one actions line per file, ending in export-do
118
+ ```
119
+ Useful actions: `object-to-path` / `all-objects-to-paths` (outline shapes+text),
120
+ `path-simplify`, boolean `path-union` / `path-difference` / `path-intersection`,
121
+ `vacuum-defs` (drop unused defs — shrinks file), and the `export-*` action family.
122
+ `inkscape --action-list` prints every verb.
123
+ - **Geometry query (`--query-all` / `--query-id`).** Discover element ids and their
124
+ bounding boxes *before* `--export-id` slicing, so a generated slice list is correct:
125
+ ```bash
126
+ inkscape in.svg --query-all # id,x,y,w,h per object (CSV) — feed --export-id
127
+ inkscape in.svg --query-id=badge --query-x --query-y --query-width --query-height
128
+ ```
129
+ `maggie_image.py svg-query` emits this (pairs with the per-id export above).
130
+ - **Extra export flags:** `--export-page=all|N` + `--export-margin` (multi-page PDF/
131
+ SVG slicing), `--export-overwrite`, `--export-png-color-mode=Gray_8|RGBA_16` and
132
+ `--export-png-use-dithering`, `--export-pdf-version=1.5` / `--export-ps-level=3`,
133
+ `--export-latex` (PDF+LaTeX overlay for papers), `--export-plain-svg` (strip
134
+ Inkscape namespaces for clean handoff).
135
+
106
136
  ## Layered composite + named looks (Pinta vocabulary)
107
137
 
108
138
  Blend modes map from a raster editor's layer stack onto ImageMagick `-compose`:
@@ -121,3 +151,16 @@ non-destructive edit recipe): `grayscale` (`-colorspace Gray`), `sepia`
121
151
  `maggie_image.py composite` and `maggie_image.py look` generate these. For a
122
152
  reusable, batchable edit *recipe* (a JSON stack of named ops applied to many photos),
123
153
  see [design editor patterns](design-editor-patterns.md).
154
+
155
+ ## More ImageMagick ops worth baking in (confirmed in source)
156
+
157
+ - **`-auto-orient`** first in every pipeline - fixes sideways phone photos by EXIF
158
+ (`maggie_image.py` resize/social/trim already prepend it).
159
+ - **`-thumbnail WxH`** - metadata-stripping fast resize; a better default than
160
+ `-resize` for web/OG thumbnails.
161
+ - **`-fuzz N% -trim +repage`** - trim a uniform border or cut a product/logo out of
162
+ its background (`maggie_image.py trim`).
163
+ - **`-clut` / `-hald-clut`** - repeatable LUT brand grading (raster equivalent of
164
+ ffmpeg `lut3d`).
165
+ - **`-distort perspective '<src coords> <dst coords>'`** - place a screenshot into a
166
+ device mockup.
@@ -78,3 +78,25 @@ apply.
78
78
  `libx264 -crf 14-20 -preset slow/medium -pix_fmt yuv420p -movflags +faststart`,
79
79
  even dimensions, plus 960px / 800x500 GIF deliverables. For transparent output,
80
80
  Revideo uses per-format pixel formats (`yuva420p` WebM, `yuva444p10le` ProRes).
81
+
82
+ ## Remotion's real renderer (from source) and the ideas to borrow
83
+
84
+ Source study (Remotion License - concept only, no vendoring) shows Remotion is **not**
85
+ the base64-PNG pipe we lump with Revideo/Motion Canvas: it drives headless Chromium
86
+ over CDP, captures frames via **shared memory**, and encodes with a **per-platform
87
+ native Rust sidecar that statically links FFmpeg** (a long-running streaming process),
88
+ plus a bundled `ffmpeg` for the final stitch. Borrowable ideas (improve our Part C):
89
+
90
+ - **A readiness gate, not just a fake clock.** `delayRender()`/`continueRender()`: a
91
+ component declares async work pending and the renderer blocks the screenshot until
92
+ all handles clear, reporting **labeled** open handles on timeout. Add an explicit
93
+ readiness handshake (plus a per-frame `await document.fonts.ready`) to Part C so no
94
+ frame is captured before fonts/data/images are ready - prevents FOUT/half-loaded
95
+ frames.
96
+ - **Tab-pool concurrency**: open N browser pages, each seeking a different frame in
97
+ parallel (frame range / N).
98
+ - **Chunked parallel encode + seamless concat**: split the frame range, encode chunks
99
+ independently, concat without re-encode - throughput for long renders.
100
+ - **Kept-open, LRU-cached source-video decoders**: for embedded video assets, keep the
101
+ decoder open and cache frames so repeated seeks to a timestamp are cheap (our flat
102
+ timeline currently punts this to raw ffmpeg `-ss`).
@@ -161,10 +161,28 @@ GPL = concept only):
161
161
  `blendMode` values on overlay clips: Porter-Duff (`Over, Under, In, Out, ATop, Copy,
162
162
  Matte`) + blends (`Multiply, Screen, Overlay, SoftLight, HardLight, ColorBurn,
163
163
  ColorDodge, Difference, Exclusion, Hue, Saturation, Color, Luminosity`).
164
- - **Xsheet tabular timing** (opentoonz/tahoma2d, BSD). An optional rows=frames /
165
- columns=assets exposure grid (cells = a drawing exposed for N frames, with holds) -
166
- an LLM- and spreadsheet-friendly way to author precise timing, convertible to this
167
- JSON timeline.
164
+ - **Xsheet tabular timing** (opentoonz/tahoma2d, **BSD - code reusable with
165
+ attribution, a direct port target**). An optional rows=frames / columns=assets
166
+ exposure grid (cells = a drawing exposed for N frames; a *hold* is the same cell
167
+ repeated). The source implements this (and more of our model than we first credited)
168
+ in `TXsheet` / `TXshCellColumn` (`std::vector<TXshCell> m_cells`) / `TXshCell`
169
+ (`{level, TFrameId}`) / `TFrameId` (`{frame, letter}`), plus the cell-op vocabulary
170
+ (`reverseCells, swingCells, stepCells, reframeCells, timeStretch`). It also backs, as
171
+ BSD code: the **decomposed transform channels** (`TStageObject::Channel` T_X/T_Y/
172
+ T_Angle/T_ScaleX/... each a keyframe curve, with parenting + `T_Path` follow-spline),
173
+ a **richer easing enum** (`TDoubleKeyframe::Type` = Constant / Linear / SpeedInOut /
174
+ EaseInOut / EaseInOutPercentage / Exponential / Expression / File), **nested
175
+ sub-xsheets** (`TXshChildLevel` = precomp), and a **node-graph fx schematic**
176
+ (`FxDag`/`TFx`). So the easing/transform/nested-clip/effect-graph extensions above
177
+ have a BSD implementation to port, not only GPL concept sources.
178
+ - **Strip/effect model + full blend set** (blender VSE `Strip`, concept). The Video
179
+ Sequence Editor's `Strip` (input1/input2, effect strips CROSS/WIPE/GLOW/SPEED/
180
+ ADJUSTMENT/TEXT, a Photoshop-complete `StripBlendMode`) and **F-curve modifier stack**
181
+ (noise/cycles/limits/stepped) + **drivers** (property-driven channels) are strong
182
+ concept borrows for overlay/effect clips.
183
+ - **OTIO interchange** (kdenlive, concept). Document a mapping to OpenTimelineIO (the
184
+ ASWF-standard timeline interchange): gap=blank, stack=track, externalReference=asset
185
+ src - so the model can round-trip with real NLEs.
168
186
  - **Optional node-graph "effect graph"** (Natron, concept) for branched layered effects
169
187
  (mask -> blur -> merge) that a linear track can't express - heavy; a documented
170
188
  escape hatch, not the default.
@@ -25,7 +25,8 @@ sequenced, scroll-driven work.
25
25
  gsap.registerPlugin(ScrollTrigger);
26
26
  const tl = gsap.timeline({ defaults: { ease: "power3.out", duration: 0.6 } });
27
27
  tl.from(".hero h1", { y: 40, opacity: 0 })
28
- .from(".hero p", { y: 24, opacity: 0 }, "-=0.3"); // overlap previous by 0.3s
28
+ .from(".hero p", { y: 24, opacity: 0 }, "-=0.3") // overlap previous by 0.3s
29
+ .from(".hero a", { opacity: 0 }, "<"); // "<"/">" = start/end of prev tween
29
30
  gsap.from(".card", {
30
31
  scrollTrigger: { trigger: ".card", start: "top 80%", once: true },
31
32
  y: 32, opacity: 0, stagger: 0.08,
@@ -35,6 +36,10 @@ gsap.from(".card", {
35
36
  GSAP including all former Club plugins is 100% free for commercial use, but it is a
36
37
  proprietary license, not open source — flag it before bundling. CDN:
37
38
  `cdn.jsdelivr.net/npm/gsap@3.15/dist/gsap.min.js`.
39
+ *Source note:* the `0.6`/`power3.out` above are our **house** defaults, not GSAP's
40
+ (its own tween defaults are `0.5`/`power1.out` = quad); don't attribute them to GSAP.
41
+ Parameterized ease strings — `"elastic.out(1,0.5)"`, `"back.out(1.7)"`,
42
+ `"steps(12)"` — author a bespoke curve as a string.
38
43
  **Reach for it when:** a page needs a real timeline (chained, overlapping steps) or
39
44
  scroll-scrubbed sequencing beyond a one-shot reveal. Overkill for simple fades.
40
45
 
@@ -45,13 +50,17 @@ springs, `scroll()`, `inView()`, layout transitions.
45
50
  ```js
46
51
  import { animate, inView, scroll, stagger } from "motion";
47
52
  animate("#box", { x: 100, opacity: 1 }, { type: "spring", stiffness: 300, damping: 30 });
48
- inView(".card", (el) => { animate(el, { opacity: 1, y: 0 }); }, { amount: 0.3 });
53
+ inView(".card", (el) => { animate(el, { opacity: 1, y: 0 }); }, { amount: "some" });
54
+ // inView idiom is amount:"some"|"all" (a number works too) + margin (→ rootMargin)
49
55
  // React: <motion.div initial={{opacity:0,y:24}} whileInView={{opacity:1,y:0}} viewport={{once:true}}/>
50
56
  ```
51
57
  **License: MIT** (core; a paid "Motion+" add-on exists but isn't required).
52
58
  **Reach for it when:** the project is already React/Vue, or you want springs +
53
59
  scroll + inView from one small MIT lib. `inView` is a clean IntersectionObserver
54
- wrapper — our preferred engine when a dependency is acceptable.
60
+ wrapper — our preferred engine when a dependency is acceptable. `motion/mini` is a
61
+ WAAPI-only subset for the smallest payload. Spring also takes a **designer mode**
62
+ `{ visualDuration, bounce }` (settle-time + bounciness, SwiftUI-style) instead of raw
63
+ `stiffness/damping` — expose that to non-engineers (see the Spring pattern below).
55
64
 
56
65
  ### anime.js (juliangarnier/anime) — v4
57
66
  Small, elegant timeline/stagger/easing lib. V4 is ESM tree-shakable.
@@ -61,9 +70,14 @@ animate(".square", {
61
70
  x: 320, rotate: { from: -180 }, duration: 1250,
62
71
  delay: stagger(65, { from: "center" }), ease: "inOutQuint",
63
72
  });
73
+ // 2D ripple from a grid cell (v4): delay: stagger(60, { grid: [cols, rows], from: "center" })
64
74
  ```
65
- **License: MIT.** **Reach for it when:** you want expressive staggers/keyframes
66
- lighter than GSAP and don't need ScrollTrigger-grade scroll control.
75
+ **License: MIT** (v4: ESM, per-feature export subpaths — `animejs`, `animejs/stagger`,
76
+ …; exports `animate, stagger, createTimeline, createTimer, createSpring, onScroll`,
77
+ `eases/utils/svg/text`). **Reach for it when:** you want expressive staggers/keyframes
78
+ lighter than GSAP and don't need ScrollTrigger-grade scroll control. Stagger vocabulary
79
+ is rich: `from:'first'|'center'|'last'|'random'|index`, `grid:[x,y]`, `axis`,
80
+ `reversed`, and an `ease` (even a spring) across the stagger.
67
81
 
68
82
  ### lottie-web (airbnb/lottie-web)
69
83
  Plays **Lottie JSON** (vector animations exported from After Effects via Bodymovin)
@@ -75,10 +89,16 @@ const anim = lottie.loadAnimation({
75
89
  });
76
90
  anim.playSegments([0, 60], true); // play part of the timeline
77
91
  anim.setSpeed(1); anim.pause();
92
+ lottie.freeze(); // GLOBAL pause of every instance (tab hidden)
78
93
  ```
79
94
  **License: MIT.** **Reach for it when:** a designer delivers an AE/Lottie file and
80
95
  you need a crisp, scalable, small looped illustration (see §2 Lottie workflow).
81
- Default to `renderer: "svg"`; switch to `canvas` for heavy/many-layer files.
96
+ Default to `renderer: "svg"`; switch to `canvas` for heavy/many-layer files. For a
97
+ small payload load the **`lottie_light`** build (SVG-only, no expressions). Perf/sync
98
+ hooks worth using: `progressiveLoad`, `setSubframe(false)`, and the fine-grained events
99
+ `enterFrame`/`loopComplete`/`segmentStart`. `freeze()/unfreeze()` are **global**
100
+ (all instances); per-instance use `pause`/`goToAndStop`. No built-in reduced-motion —
101
+ gate it yourself.
82
102
 
83
103
  ### rlottie (Samsung/rlottie)
84
104
  Native (C++) Lottie renderer — the runtime behind Lottie on native/embedded (not a
@@ -117,20 +137,26 @@ Animate-on-scroll via HTML data-attributes + a prebuilt CSS set.
117
137
  data-aos-once="true" data-aos-anchor-placement="top-center"></div>
118
138
  <script>AOS.init({ once: true, duration: 800, easing: "ease-out-cubic" });</script>
119
139
  ```
120
- **License: MIT.** Uses IntersectionObserver internally. **Reach for it when:** a
121
- no-JS-authoring team wants declarative scroll reveals fast. For our output we
122
- usually hand-roll the same effect (§2) rather than ship AOS, but its attribute
123
- vocabulary (`fade-up`, `once`, per-element delay/offset) is the pattern to copy.
140
+ **License: MIT.** **Correction (source-verified, v3.0.0-beta.6):** this release does
141
+ **not** use IntersectionObserver — it is classic **scroll + `lodash.throttle`**
142
+ (`throttleDelay:99`); the only observer is a MutationObserver for auto-refresh on DOM
143
+ injection. So copy its attribute *vocabulary* (`fade-up`, `once`, per-element
144
+ delay/offset/anchor-placement), but do **not** credit it for observer efficiency — our
145
+ hand-rolled reveal (§2) with a real IntersectionObserver is the better engine.
146
+ **Reach for it when:** a no-JS-authoring team wants declarative scroll reveals fast.
124
147
 
125
148
  ### typed.js (mattboldt/typed.js)
126
149
  Typewriter effect.
127
150
  ```js
128
151
  const typed = new Typed("#el", { strings: ["First.", "& second."], typeSpeed: 50, backSpeed: 30, loop: true });
129
152
  ```
130
- **License: GPL — flag it.** GNU GPL, not MIT. Do **not** bundle into proprietary
131
- output; reimplement the ~20-line effect yourself (or use a permissive alt) if you
132
- need typing. **Reach for the pattern when:** a hero rotates through phrases. Keep it
133
- short, respect reduced-motion (render the final string statically).
153
+ **License: GPL-3.0 — flag it** (source-verified; the repo also ships paid
154
+ `LIMITED`/`UNLIMITED_COMMERCIAL_LICENSE.md` with a Stripe link — a paid escape from
155
+ copyleft). Do **not** bundle into proprietary/client output; reimplement the ~20-line
156
+ effect yourself (or buy the commercial license). It also has **zero** reduced-motion
157
+ handling (grep-confirmed) — you must gate it. **Reach for the pattern when:** a hero
158
+ rotates through phrases. Keep it short, respect reduced-motion (render the final string
159
+ statically).
134
160
 
135
161
  ### tsparticles (tsparticles/tsparticles)
136
162
  Config-driven particle backgrounds/confetti.
@@ -143,6 +169,27 @@ await tsParticles.load({ id: "tsparticles", options: {
143
169
  **License: MIT.** **Reach for it when:** a hero wants a subtle particle/constellation
144
170
  backdrop or a celebratory confetti burst. Use sparingly — it's a performance and
145
171
  taste liability; cap particle count, pause offscreen, disable on reduced-motion.
172
+ Source notes: v3+ `load()` takes **one object** `{ id, element?, options?, url? }`
173
+ (positional form gone); 22 presets (`confetti`/`fireworks`/`snow`/`stars`/`links`/…)
174
+ are one-line `preset:` strings; ship the **slim** bundle + only the `@tsparticles/*`
175
+ feature packages you use. It also ships CLI scaffolders (`npm create tsparticles@latest`,
176
+ `create-confetti`) and an **MCP server** — precedent for an agent-driven particle config.
177
+ (Legacy origin: `particles.js` v2 — single-file, unmaintained, snake_case schema; use
178
+ tsparticles instead, which bundles a `pjs` compat shim.)
179
+
180
+ ### mojs (@mojs/core)
181
+ Motion-graphics toolbelt for the web — the one lib here built for **celebratory point
182
+ bursts / success micro-interactions** (likes, add-to-cart, CTA confirm), a genuine gap
183
+ the others don't fill. Actively maintained.
184
+ ```js
185
+ import { Burst, Shape } from "@mojs/core";
186
+ new Burst({ left: x, top: y, count: 8, radius: { 0: 60 },
187
+ children: { shape: "circle", fill: "#e94560", duration: 700 } }).play();
188
+ ```
189
+ **License: MIT.** Also `ShapeSwirl`, `Html` (tween real DOM), `Timeline`, `stagger`,
190
+ custom eases via `easing.path("M0,100 ...")` / `easing.bezier()`. **Reach for it when:**
191
+ a discrete interaction deserves a tactile burst — keep it to a single gesture, gate on
192
+ reduced-motion.
146
193
 
147
194
  ### rive (rive-app/rive-runtime)
148
195
  Interactive vector animations driven by **state machines** (inputs → states), not
@@ -161,23 +208,32 @@ drives animation state) — interactive mascots, animated toggles. Heavier workf
161
208
  Animates SVG stroke draw-on ("self-drawing" line art).
162
209
  ```js
163
210
  new Vivus("my-svg", { type: "oneByOne", duration: 200, start: "inViewport" }, cb);
164
- // type: delayed | sync | oneByOne | scenario ; start: inViewport | manual | autostart
211
+ // type: delayed|sync|async|nsync|oneByOne|scenario|scenario-sync ; start: inViewport|manual|autostart
212
+ v.setFrameProgress(0.5); // scrub draw 0..1 (drive from scroll); play(-1) rewinds
165
213
  ```
166
- **License: MIT.** **Reach for it when:** a logo/icon/diagram should draw itself in.
167
- The same effect is achievable with CSS `stroke-dasharray`/`stroke-dashoffset` — use
214
+ **License: MIT.** Timing fns are statics (`Vivus.EASE_OUT`, custom `function(x)`), set
215
+ whole (`animTimingFunction`) or per-path (`pathTimingFunction`); per-path
216
+ `data-delay/duration`, `data-vivus-ignore`; bundles `pathformer` (primitives → path).
217
+ **Reach for it when:** a logo/icon/diagram should draw itself in — and, via
218
+ `setFrameProgress(0..1)`, a **scroll-linked** draw-on (extends §2's one-shot draw). The
219
+ same effect is achievable with CSS `stroke-dasharray`/`stroke-dashoffset` — use
168
220
  that for one element, Vivus when orchestrating many paths.
169
221
 
170
222
  ### lenis (darkroomengineering/lenis)
171
223
  Smooth-scroll normalizer (momentum/eased scrolling). Already referenced by
172
224
  `maggie-clone`.
173
225
  ```js
174
- const lenis = new Lenis({ autoRaf: true }); // or drive lenis.raf(t) in your own rAF
175
- lenis.on("scroll", (e) => {/* sync scroll-linked effects */});
226
+ const lenis = new Lenis({ autoRaf: true }); // DEFAULT is autoRaf:false → drive lenis.raf(t) yourself
227
+ lenis.on("scroll", (e) => {/* e is the whole Lenis instance: e.scroll/.velocity/.progress/.direction */});
176
228
  ```
177
229
  **License: MIT.** **Reach for it when:** the design calls for premium eased scrolling
178
230
  and you pair it with scroll-triggered motion (commonly `lenis.raf` + GSAP
179
- ScrollTrigger). Accessibility caveat: disable/reduce under `prefers-reduced-motion`;
180
- never trap or override scroll in a way that breaks keyboard/anchor jumps.
231
+ ScrollTrigger). **Source-verified defaults:** `lerp` is `0.1` (not 0.075 — that's
232
+ `syncTouchLerp`), `autoRaf` defaults **false**, and `respectReducedMotion` is a
233
+ first-class option (defaults true, falls back to native scroll via matchMedia).
234
+ Attribute opt-outs: `data-lenis-prevent[-vertical|-horizontal]`. Accessibility caveat:
235
+ keep `respectReducedMotion` on; never trap scroll in a way that breaks keyboard/anchor
236
+ jumps.
181
237
 
182
238
  ### barba.js (barbajs/barba)
183
239
  SPA-style page transitions over MPAs: intercepts navigation, animates the old
@@ -203,6 +259,11 @@ return <animated.div style={styles}>…</animated.div>;
203
259
  ```
204
260
  **License: MIT.** **Reach for it when:** a React project wants physics-based
205
261
  (not duration-based) motion. For non-React, Motion's `spring` covers the same need.
262
+ **Source-verified presets** (`tension`/`friction`[/`mass`]): default `{170,26}`,
263
+ `gentle {120,14}`, `wobbly {180,12}`, `stiff {210,20}`, `slow {280,60}`,
264
+ `molasses {280,120}`. The `AnimationConfig` also exposes a **designer-friendly**
265
+ vocabulary — `frequency` + `damping(ratio)` (tension/friction derived from them),
266
+ plus `clamp`, `bounce`, `decay` — prefer these when writing a config for non-engineers.
206
267
 
207
268
  ### animate.css (animate-css/animate.css)
208
269
  Prebuilt CSS keyframe classes (`animate__animated animate__fadeInUp`).
@@ -211,9 +272,20 @@ Prebuilt CSS keyframe classes (`animate__animated animate__fadeInUp`).
211
272
  ```
212
273
  **License: Hippocratic License 2.1 — flag it (NOT MIT).** An ethical-source license
213
274
  with use restrictions; not OSI-approved. Treat as a caution for commercial bundling;
214
- the keyframe recipes (`fadeInUp`, durations, timing) are fine to **reimplement**
215
- yourself. **Reach for the patterns when:** you want a quick named-entrance
216
- vocabulary — but author your own keyframes to stay license-clean.
275
+ the keyframe recipes (`fadeInUp`, the `back_*` entrance/exit family, durations, timing)
276
+ are fine to **reimplement** yourself. Two patterns worth copying wholesale: its
277
+ **3-custom-prop timing system** (`--animate-duration` / `--animate-delay` /
278
+ `--animate-repeat` + `calc()` utility multipliers) and its built-in **reduced-motion /
279
+ print kill-switch** (collapses to 1ms and forces `*Out` animations to opacity 0 so
280
+ content never sticks hidden). **Reach for the patterns when:** you want a quick
281
+ named-entrance vocabulary — but author your own keyframes to stay license-clean.
282
+
283
+ ### Out of scope — pixijs (pixijs/pixijs)
284
+ A WebGL/WebGPU **2D renderer**, not an animation engine: it ships no tween/easing (its
285
+ `Ticker` gives only `deltaTime`). The particle/shader libs build *on* it; for standard
286
+ DOM/CSS marketing motion it's out of scope — reach for it only for a heavy custom
287
+ canvas scene, and bring your own tween (GSAP/Motion). (Notable: it ships 26 first-party
288
+ `SKILL.md` agent skills — precedent for a library shipping its own skills.)
217
289
 
218
290
  ### Category O (offline / desktop, NOT web)
219
291
  - **synfig** (synfig/synfig) — desktop 2D vector animation studio. **GPL-3.0.**
@@ -236,14 +308,28 @@ Default to expressive ease-out curves, never browser defaults (`ease`, `linear`,
236
308
  color/opacity 300ms (never < 200ms). Other good ones: `cubic-bezier(0.16,1,0.3,1)`
237
309
  (ease-out-expo), `cubic-bezier(0.34,1.56,0.64,1)` (gentle back/overshoot).
238
310
  Libs: GSAP eases, anime `inOut*`, Motion. **LP + DM.**
311
+ *Custom eases as data:* when a bespoke curve is needed, author it as data rather than
312
+ code — GSAP parameterized strings (`"back.out(1.7)"`), mojs `easing.path()`/`bezier()`,
313
+ vivus custom `function(x)`, or a popmotion-style `mirror/reverse` of a base ease. Store
314
+ the curve with the motion spec (see Theatre.js data model below).
239
315
 
240
316
  ### Spring physics
241
317
  Duration-less, physics-based motion — natural for interactive/hover and anything
242
318
  that should feel tactile. Config shape is universal: `{ stiffness, damping, mass }`
243
319
  (Motion: `type:"spring", stiffness:300, damping:30`; react-spring: `config.gentle`).
320
+ For configs a non-engineer will touch, prefer the **designer vocabulary** both engines
321
+ expose — Motion `{ visualDuration, bounce }`, react-spring `frequency` +
322
+ `damping(ratio)` (settle-time + bounciness), rather than raw stiffness/damping.
244
323
  Libs: Motion `spring`, react-spring, GSAP (via plugins). **DM;** light touch on LP
245
324
  (mostly micro-interactions).
246
325
 
326
+ ### Burst / success micro-interaction
327
+ A discrete gesture (like, add-to-cart, CTA confirm) earns a one-shot radial burst from
328
+ the click point — one shape stamped into N transformed copies with an opacity ramp.
329
+ Lib: mojs `Burst` (or a hand-rolled radial-stamp, same idea as the Lottie Repeater in
330
+ [generative visuals](generative-visuals.md)). One gesture only; gate on reduced-motion.
331
+ **LP (primary CTA) + DM.**
332
+
247
333
  ### Scroll-reveal via IntersectionObserver — never scroll listeners
248
334
  Elements rise ~32px and fade over 600–800ms, **once**, when they cross into view.
249
335
  Always IntersectionObserver (or a lib that wraps it); never an unthrottled `scroll`
@@ -349,7 +435,10 @@ illustration when a designer supplies the JSON.
349
435
  | auto-animate | MIT | |
350
436
  | AOS | MIT | |
351
437
  | typed.js | **GPL** | **Flag — don't bundle in proprietary output; reimplement.** |
352
- | tsparticles | MIT | |
438
+ | tsparticles | MIT | v3+ single-object `load()`; ships CLI scaffolders + an MCP server. |
439
+ | particles.js | MIT | Legacy v2, unmaintained — use tsparticles (`pjs` compat). |
440
+ | mojs (@mojs/core) | MIT | Celebratory point bursts / success micro-interactions. |
441
+ | pixijs | MIT | WebGL 2D **renderer**, no tween — out of scope for DOM motion. |
353
442
  | rive-runtime | MIT | Web runtime is `@rive-app/canvas`. |
354
443
  | vivus | MIT | |
355
444
  | lenis | MIT | |
@@ -371,9 +460,10 @@ state**, replayed by a tiny headless runtime (`@theatre/core`) against three.js,
371
460
  HTML/SVG, or any JS variable. The borrowable pattern is the **declarative keyframe
372
461
  document**, not the editor: store motion as JSON - a `sequence` with `length` +
373
462
  `subUnitsPerUnit` (an fps snap-grid) -> **tracks keyed by property path** ->
374
- **keyframes** each carrying `{ position, value, handles:[lx,ly,rx,ry],
375
- type:'bezier'|'hold' }` (per-keyframe bezier handles = per-segment easing baked into
376
- data; `value` may be non-numeric). Playback mirrors CSS: `play({ iterationCount,
463
+ **keyframes** each carrying `{ id, position, value, handles:[lx,ly,rx,ry],
464
+ connectedRight:boolean, type?:'bezier'|'hold' }` (per-keyframe bezier handles =
465
+ per-segment easing baked into data; `type` is optional, defaults bezier; `value` may be
466
+ non-numeric). Playback mirrors CSS: `play({ iterationCount,
377
467
  range, rate, direction:'alternateReverse' })`. Author a brand motion once, commit the
378
468
  JSON as a reusable asset, replay it deterministically with no editor shipped - the
379
469
  authoring story for `maggie-design-motion` (keep the motion *spec* as data, not
@@ -395,4 +485,9 @@ hero as `inputs -> conditions -> states` - declare inputs (`hovered:bool`,
395
485
  `scroll:0..1`, `clicked:trigger`), bind DOM events to them, and switch CSS/WAAPI/GSAP
396
486
  timelines by state rather than scripting each handler; a number input + interpolation
397
487
  gives scroll-linked response, random-picked idle transitions give a "living" element.
398
- (Rive's own MIT player is also a legitimate option.)
488
+ (Rive's own MIT player is also a legitimate option.) Source-verified, the model is
489
+ richer than the sketch above: any input source maps onto one **unified listener bus**
490
+ (pointer/scroll/keyboard/gamepad/text/focus), transitions can be guarded by **app data**
491
+ via **ViewModel data-binding conditions** (not just events), comparator ops are a full
492
+ enum (`eq/neq/lt/gt/lte/gte`), and nested state machines compose — so "driven by data,
493
+ not handlers" is the portable lesson for a browser reimplementation.
@@ -2,7 +2,7 @@
2
2
  name: maggie-image
3
3
  description: Process marketing images - resize and fit to channel/OG sizes, convert to WebP/AVIF, make favicon and OG-image sets, strip metadata, compress, optimize and render SVG, and build contact-sheet montages. A recipe generator over ImageMagick (primary) with dedicated tools (svgo/resvg/cwebp/avifenc/pngquant) used when installed. Use when the user wants to resize, convert, optimize, favicon, watermark, or batch-process images for a site or social post.
4
4
  metadata:
5
- version: 0.1.2
5
+ version: 0.1.4
6
6
  ---
7
7
 
8
8
  # Maggie Image
@@ -53,12 +53,16 @@ maggie tool maggie_image.py --run strip --input photo.jpg --output photo.jpg
53
53
  maggie tool maggie_image.py --run compress --input big.jpg --output small.jpg --quality 82
54
54
  maggie tool maggie_image.py svgo --input logo.svg --output logo.min.svg --multipass
55
55
  maggie tool maggie_image.py svg2png --input logo.svg --output logo.png --width 512
56
+ maggie tool maggie_image.py svg-query --input logo.svg # ids+bounds before --id slicing
57
+ maggie tool maggie_image.py svg-export --input in.svg --output flat.svg --type svg \
58
+ --actions "select-all;object-to-path;vacuum-defs" # clean+flatten in one call
56
59
  maggie tool maggie_image.py --run montage --inputs a.png b.png c.png --output sheet.jpg --tile 3x
57
60
  maggie tool maggie_image.py presets
58
61
  ```
59
62
 
60
63
  Subcommands: `resize`, `social`, `webp`, `avif`, `favicon`, `strip`, `compress`,
61
- `svgo`, `svg2png`, `svg-export` (Inkscape: PDF/EPS, text-to-path, per-id slicing),
64
+ `svgo`, `svg2png`, `svg-export` (Inkscape: PDF/EPS, text-to-path, per-id slicing, or
65
+ `--actions` verb pipeline), `svg-query` (element ids + bounding boxes),
62
66
  `composite` (blend-mode layering), `look` (named style presets: sepia/duotone/
63
67
  posterize/vignette/...), `montage`, `presets`. `--run` (before the subcommand)
64
68
  executes when the tool is present; otherwise the command is printed for review.