@leterhong/multichat 1.6.0

package/.agents/plugins/marketplace.json

@@ -0,0 +1,32 @@
+{
+  "name": "multichat-project",
+  "interface": {
+    "displayName": "MultiChat 项目插件"
+  },
+  "plugins": [
+    {
+      "name": "writing-toolkit",
+      "source": {
+        "source": "local",
+        "path": "./plugins/writing-toolkit"
+      },
+      "policy": {
+        "installation": "AVAILABLE",
+        "authentication": "ON_INSTALL"
+      },
+      "category": "Writing"
+    },
+    {
+      "name": "developer-toolkit",
+      "source": {
+        "source": "local",
+        "path": "./plugins/developer-toolkit"
+      },
+      "policy": {
+        "installation": "AVAILABLE",
+        "authentication": "ON_INSTALL"
+      },
+      "category": "Developer Tools"
+    }
+  ]
+}

package/.agents/plugins/plugins/developer-toolkit/.codex-plugin/plugin.json

@@ -0,0 +1,24 @@
+{
+  "name": "developer-toolkit",
+  "version": "1.0.0",
+  "description": "代码审查、测试设计、安全审查和发布说明工作流。",
+  "author": {
+    "name": "MultiChat"
+  },
+  "license": "MIT",
+  "keywords": ["development", "review", "testing", "security"],
+  "skills": "./skills/",
+  "interface": {
+    "displayName": "开发者工具包",
+    "shortDescription": "审查、测试、安全与发布工作流",
+    "longDescription": "为日常研发提供可复用的结构化工作流，并保持 Skill 与工具调用边界清晰。",
+    "developerName": "MultiChat",
+    "category": "Developer Tools",
+    "capabilities": ["Read", "Write"],
+    "defaultPrompt": [
+      "审查当前改动并按严重程度列出问题。",
+      "为这个接口设计覆盖边界条件的测试方案。",
+      "根据这些变更生成用户可读的发布说明。"
+    ]
+  }
+}

package/.agents/plugins/plugins/developer-toolkit/skills/code-review/SKILL.md

@@ -0,0 +1,9 @@
+---
+name: code-review
+metadata: {"multichat-id":"sk_dev_code_review"}
+description: 审查代码或 diff 的正确性、安全性、性能和可维护性；用户要求 code review、回归检查或合并前审查时使用。
+---
+
+先理解变更目标和受影响路径，再报告有具体证据、会影响行为的问题。按严重程度排序，每项给出位置、触发条件、影响和最小修复建议。
+
+优先发现数据损坏、安全事故、错误结果和兼容性回归。不要用纯风格偏好充数；若未发现问题，说明已检查的边界和仍缺少的验证证据。

package/.agents/plugins/plugins/developer-toolkit/skills/code-review/agents/openai.yaml

@@ -0,0 +1,3 @@
+interface:
+  display_name: "代码审查"
+  short_description: "发现有证据的正确性与安全问题"

package/.agents/plugins/plugins/developer-toolkit/skills/release-notes/SKILL.md

@@ -0,0 +1,9 @@
+---
+name: release-notes
+metadata: {"multichat-id":"sk_dev_release_notes"}
+description: 将提交记录、PR 或变更摘要整理为用户可读的发布说明；用户要求 changelog、版本说明或升级提示时使用。
+---
+
+从变更中提取用户可感知的新增、改进、修复、兼容性变化和升级注意事项。删除内部实现噪音，不扩大变更范围，不编造未验证功能。
+
+用清晰短句按类别组织。若存在破坏性变更，优先说明受影响用户、迁移步骤和回滚条件；没有相关内容的类别不要强行保留。

package/.agents/plugins/plugins/developer-toolkit/skills/release-notes/agents/openai.yaml

@@ -0,0 +1,3 @@
+interface:
+  display_name: "发布说明"
+  short_description: "把技术变更整理为用户可读说明"

package/.agents/plugins/plugins/developer-toolkit/skills/security-review/SKILL.md

@@ -0,0 +1,9 @@
+---
+name: security-review
+metadata: {"multichat-id":"sk_dev_security"}
+description: 审查应用代码、接口和配置中的可利用安全风险；用户明确要求安全检查、威胁分析或敏感信息排查时使用。
+---
+
+围绕信任边界和数据流检查注入、越权、SSRF、任意文件访问、命令执行、凭证泄露和资源耗尽。只报告能从现有代码或配置得到证据的问题。
+
+每项发现包含严重度、证据位置、攻击前提、影响、最小修复和验证方法。将尚未证实的风险明确标为假设，不提供越界的攻击执行步骤。

package/.agents/plugins/plugins/developer-toolkit/skills/security-review/agents/openai.yaml

@@ -0,0 +1,3 @@
+interface:
+  display_name: "安全审查"
+  short_description: "基于证据检查应用安全风险"

package/.agents/plugins/plugins/developer-toolkit/skills/test-plan/SKILL.md

@@ -0,0 +1,9 @@
+---
+name: test-plan
+metadata: {"multichat-id":"sk_dev_test_plan"}
+description: 为接口、功能或用户流程设计可执行测试方案；用户要求测试用例、回归范围或验收矩阵时使用。
+---
+
+根据需求或契约识别状态、边界和失败路径。覆盖成功、参数校验、权限、重复提交、并发、超时、重试和数据一致性中与当前变更有关的部分。
+
+每个用例写明优先级、前置条件、操作步骤和可观察的预期结果。区分自动化测试与人工验证；信息不足时列出阻塞假设。

package/.agents/plugins/plugins/developer-toolkit/skills/test-plan/agents/openai.yaml

@@ -0,0 +1,3 @@
+interface:
+  display_name: "测试方案"
+  short_description: "生成覆盖边界与失败路径的测试矩阵"

package/.agents/plugins/plugins/writing-toolkit/.codex-plugin/plugin.json

@@ -0,0 +1,24 @@
+{
+  "name": "writing-toolkit",
+  "version": "1.0.0",
+  "description": "可复用的中文周报、会议纪要和简历优化工作流。",
+  "author": {
+    "name": "MultiChat"
+  },
+  "license": "MIT",
+  "keywords": ["writing", "meeting", "resume"],
+  "skills": "./skills/",
+  "interface": {
+    "displayName": "写作工具包",
+    "shortDescription": "周报、会议纪要与简历优化工作流",
+    "longDescription": "把常用中文写作流程作为标准 Agent Skills 提供，按用户目标自动加载完整指令。",
+    "developerName": "MultiChat",
+    "category": "Writing",
+    "capabilities": ["Write"],
+    "defaultPrompt": [
+      "根据这些工作要点整理本周周报。",
+      "把这段会议记录整理为决议和待办。",
+      "在不虚构经历的前提下优化这份简历。"
+    ]
+  }
+}

package/.agents/plugins/plugins/writing-toolkit/skills/meeting-notes/SKILL.md

@@ -0,0 +1,9 @@
+---
+name: meeting-notes
+metadata: {"multichat-id":"sk_meeting_notes"}
+description: 将会议录音转写、聊天记录或零散笔记整理为会议纪要；用户要求提炼决议、待办和负责人时使用。
+---
+
+区分事实、讨论意见、正式决议和待办事项。不要把提议写成已通过决议，也不要猜测缺失的负责人或截止时间。
+
+输出会议主题、参与人（仅在输入出现时）、关键讨论、决议事项、待办清单。待办用“事项 / 负责人 / 截止时间”表示，缺失字段标为“待确认”。

package/.agents/plugins/plugins/writing-toolkit/skills/meeting-notes/agents/openai.yaml

@@ -0,0 +1,3 @@
+interface:
+  display_name: "会议纪要"
+  short_description: "提炼讨论、决议与待办"

package/.agents/plugins/plugins/writing-toolkit/skills/resume-tune/SKILL.md

@@ -0,0 +1,9 @@
+---
+name: resume-tune
+metadata: {"multichat-id":"sk_resume_tune"}
+description: 优化中文或英文简历的经历表述；用户要求润色简历、突出成果或匹配岗位时使用，禁止虚构经历和数据。
+---
+
+保留原始事实、技术栈、职责范围和时间信息。优先用强动词开头，突出行动、范围和结果；没有量化数据时提出可补充项，不要替用户编造数字。
+
+先给出可直接替换的简历条目，再列出需要确认或补充的数据。若用户提供岗位描述，说明每项修改如何贴合岗位要求，但不要伪造关键词或经验。

package/.agents/plugins/plugins/writing-toolkit/skills/resume-tune/agents/openai.yaml

@@ -0,0 +1,3 @@
+interface:
+  display_name: "简历优化"
+  short_description: "强化成果表达且不虚构经历"

package/.agents/plugins/plugins/writing-toolkit/skills/weekly-report/SKILL.md

@@ -0,0 +1,9 @@
+---
+name: weekly-report
+metadata: {"multichat-id":"sk_weekly_report"}
+description: 将零散工作要点整理为结构化中文周报；用户要求写周报、复盘本周工作或规划下周时使用。
+---
+
+先从输入中提取已完成、进行中、风险阻塞和下周计划。未提供的信息不要补写；负责人、日期和数字必须忠于原文。
+
+输出依次包含：本周完成、进行中、风险与阻塞、下周计划。使用简洁项目符号，合并重复事项，并把需要用户补充的信息明确标为“待补充”。

package/.agents/plugins/plugins/writing-toolkit/skills/weekly-report/agents/openai.yaml

@@ -0,0 +1,3 @@
+interface:
+  display_name: "周报生成"
+  short_description: "把工作要点整理为结构化周报"

package/.agents/skills/.gitkeep

@@ -0,0 +1 @@
+

package/.agents/skills/wanghong-handwritten-ppt/SKILL.md

@@ -0,0 +1,172 @@
+---
+name: wanghong-handwritten-ppt
+description: 将文章、讲稿或技术主题制作成王虹学术报告气质的 16:9 Notability 手写风 HTML 幻灯片，并逐页导出 PNG。触发词：王虹PPT风格、王虹手写PPT、Notability学术手写幻灯片、手写网页PPT、手写PPT、数学家手写报告风。
+---
+
+# 王虹学术手写风 HTML 幻灯片
+
+把内容做成一套安静、工整、逻辑清楚、信息密度高的手写学术报告。视觉上接近 Notability 数字手写页，内容上强调一页一个问题和连续推导。
+
+## 适用场景
+
+- 技术文章转演示文稿
+- 论文、模型、工具或产品的原理讲解
+- 需要 16:9 HTML 幻灯片和逐页 PNG 的任务
+- 希望保留手写温度，同时要求中文清楚可读的报告
+
+## 先读材料
+
+1. 读取用户提供的文章、讲稿、数据和参考图。
+2. 需要复用完整视觉规范或提示词时，读取 `references/style-guide.md`。
+3. 需要查看成品结构时，打开 `examples/deepseek-v4-flash/index.html`。
+4. 需要快速开工时，从 `templates/deck.html` 复制一份新文件。
+
+## 完成标准
+
+- 固定 16:9，浏览器中无滚动条和内容溢出。
+- 封面保持极简，下半页至少留出一半空白。
+- 正文每页回答一个清楚的问题，整套报告形成连续逻辑链。
+- 字号、颜色和手绘线条统一，中文投影可读。
+- 重要数字和结论同时出现在正文，手写标注只承担视觉提示。
+- 支持左右键、空格翻页和全屏。
+- 每页都有简短讲稿备注。
+- 输出 HTML、全部 PNG 和一张总览图，并实际打开检查。
+
+## 工作流程
+
+### 1. 整理故事线
+
+先从原文提取：
+
+- 报告要回答的总问题
+- 观众需要先知道的背景
+- 3 到 6 个核心判断
+- 支撑判断的数据、对比、流程和例子
+- 最后希望观众记住的一句话
+
+把内容拆成 12 到 24 页。推荐顺序：封面 → 变化发生了什么 → 为什么重要 → 证据与推导 → 怎么做 → 陷阱 → 结论。
+
+不要把文章段落直接塞进页面。每页只留 3 到 6 行关键文字，复杂信息转换成图、表、坐标轴或公式。
+
+### 2. 选择页面类型
+
+优先使用这些版式：
+
+- 极简封面：单行标题、细横线、作者/场合/日期、大片留白
+- 左文右图：三到五行解释配一个手绘示意图
+- 流程页：三个框和箭头，最重要的一步用荧光色
+- 坐标页：用两个轴解释成本、质量、速度或规模
+- 对比页：两列、三列或一张紧凑表格
+- 结论页：公式式收束，底部一条玫红结论框
+- 结束页：一句感谢和署名，保持安静
+
+### 3. 使用固定视觉语言
+
+- 背景：淡暖白，接近干净的数字纸张
+- 主文字：深蓝黑
+- 蓝色：标题下划线、坐标轴、推导主线
+- 玫红：结论、警告、推荐框
+- 绿色：成立条件、确认项、推荐档
+- 荧光黄：极少量关键词
+- 珊瑚粉：例外、损失或剩余部分
+
+字体固定使用 `HanziPen SC`，与 `assets/preview-cover.png` 里的字形保持一致。不设置其他中文字体候选。渲染环境缺少该字体时先安装，不得带着替代字形交付。
+
+避免圆角卡片、阴影、渐变、装饰图标、商业模板、照片背景和大面积色块。
+
+### 4. 使用 neat-annotations
+
+项目已在 `assets/neat-annotations.css` 中本地保存。它用手写箭头把短注释指向目标词，支持八个方向、颜色和自定义颜色。
+
+中文可以直接写入 `data-note`。同时在页面样式里覆盖：
+
+```css
+:root {
+  --ann-font: "HanziPen SC";
+  --ann-label-max-width: 220px;
+}
+```
+
+使用示例：
+
+```html
+<span class="ann ann-n ann-green" data-note="甜点档">Q4_K_XL</span>
+```
+
+标注采用绝对定位。给箭头和文字预留空间，避免贴近页面边缘或相互遮挡。长中文结论仍写在正文中。
+
+### 5. 制作 HTML
+
+从 `templates/deck.html` 开始，保留这些本地资源：
+
+```html
+<link rel="stylesheet" href="../assets/base.css">
+<link rel="stylesheet" href="../assets/animations.css">
+<link rel="stylesheet" href="../assets/neat-annotations.css">
+<link rel="stylesheet" href="../assets/template.css">
+<script src="../assets/runtime.js"></script>
+```
+
+每页使用：
+
+```html
+<section class="slide" data-title="页面名称">
+  <h2 class="slide-title">这一页回答的问题</h2>
+  <!-- 页面内容 -->
+  <aside class="notes">演讲时补充的一到三句话。</aside>
+</section>
+```
+
+图表优先用 SVG 手绘。线条使用 `stroke-linecap="round"`，适当叠加轻微位移滤镜，让直线保留手画感。
+
+### 6. 检查与导出
+
+先检查结构：
+
+```bash
+python3 scripts/check_deck.py /absolute/path/to/index.html
+```
+
+再逐页导出：
+
+```bash
+scripts/render.sh \
+  /absolute/path/to/index.html \
+  all \
+  /absolute/path/to/png-output \
+  /absolute/path/to/Hanzipen.ttc
+```
+
+macOS 上可先在字体册下载“翩翩体-简”。脚本会把指定字体文件直接注入临时渲染页，并在导出前确认字体加载成功。缺少该字体或加载失败时停止导出。
+
+实际查看所有 PNG。重点检查：
+
+- 中文是否清楚
+- 标注是否遮挡正文
+- 表格是否过密
+- 代码和公式是否超出边界
+- 结论框是否压住内容
+- 每页是否仍然只讲一个问题
+
+发现问题后修改 HTML，再重新导出。交付前至少完成一次浏览器翻页测试和一次全页总览检查。
+
+## 输出目录建议
+
+```text
+output/<主题>-handwritten-ppt/
+  index.html
+  style.css
+  assets/
+  png/
+  contact-sheet.png
+  prompts.md
+```
+
+## 随附内容
+
+- `templates/deck.html`：可直接改写的基础模板
+- `assets/template.css`：通用手写风样式
+- `examples/deepseek-v4-flash/`：19 页完整示例
+- `references/style-guide.md`：风格拆解、GPT Image 提示词和 HTML 提示词
+- `scripts/check_deck.py`：结构检查
+- `scripts/render.sh`：逐页 PNG 导出

package/.agents/skills/wanghong-handwritten-ppt/assets/HTML-PPT-LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 lewis <sudolewis@gmail.com>
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/.agents/skills/wanghong-handwritten-ppt/assets/NEAT-ANNOTATIONS-LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Maxim Syabro
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/.agents/skills/wanghong-handwritten-ppt/assets/animations.css

@@ -0,0 +1,138 @@
+/* html-ppt :: animations.css
+ * Apply by adding class="anim-<name>" or data-anim="<name>".
+ * Durations are deliberately snappy; tweak --anim-dur per element.
+ */
+:root{--anim-dur:.7s;--anim-ease:cubic-bezier(.4,0,.2,1)}
+
+/* ---------- FADE DIRECTIONALS ---------- */
+@keyframes kf-fade-up{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:none}}
+@keyframes kf-fade-down{from{opacity:0;transform:translateY(-32px)}to{opacity:1;transform:none}}
+@keyframes kf-fade-left{from{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:none}}
+@keyframes kf-fade-right{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:none}}
+.anim-fade-up{animation:kf-fade-up var(--anim-dur) var(--anim-ease) both}
+.anim-fade-down{animation:kf-fade-down var(--anim-dur) var(--anim-ease) both}
+.anim-fade-left{animation:kf-fade-left var(--anim-dur) var(--anim-ease) both}
+.anim-fade-right{animation:kf-fade-right var(--anim-dur) var(--anim-ease) both}
+
+/* ---------- RISE / DROP / ZOOM / BLUR / GLITCH ---------- */
+@keyframes kf-rise{from{opacity:0;transform:translateY(60px) scale(.97);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
+@keyframes kf-drop{from{opacity:0;transform:translateY(-60px) scale(.97)}to{opacity:1;transform:none}}
+@keyframes kf-zoom{0%{opacity:0;transform:scale(.6)}60%{transform:scale(1.04)}100%{opacity:1;transform:scale(1)}}
+@keyframes kf-blur{from{opacity:0;filter:blur(18px)}to{opacity:1;filter:none}}
+@keyframes kf-glitch{0%{opacity:0;transform:translateX(0);clip-path:inset(0 0 0 0)}
+  20%{opacity:1;transform:translateX(-6px);clip-path:inset(20% 0 30% 0)}
+  40%{transform:translateX(4px);clip-path:inset(50% 0 10% 0)}
+  60%{transform:translateX(-3px);clip-path:inset(10% 0 60% 0)}
+  80%{transform:translateX(2px);clip-path:inset(0 0 0 0)}
+  100%{opacity:1;transform:none}}
+.anim-rise-in{animation:kf-rise .9s var(--anim-ease) both}
+.anim-drop-in{animation:kf-drop .8s var(--anim-ease) both}
+.anim-zoom-pop{animation:kf-zoom .7s cubic-bezier(.22,1.3,.36,1) both}
+.anim-blur-in{animation:kf-blur .8s var(--anim-ease) both}
+.anim-glitch-in{animation:kf-glitch .8s steps(5,end) both}
+
+/* ---------- TYPEWRITER ---------- */
+.anim-typewriter{display:inline-block;overflow:hidden;white-space:nowrap;border-right:2px solid currentColor;
+  width:0;animation:kf-type 2.4s steps(40,end) forwards, kf-caret 1s step-end infinite}
+@keyframes kf-type{to{width:100%}}
+@keyframes kf-caret{50%{border-color:transparent}}
+
+/* ---------- GLOW / SHIMMER / GRADIENT-FLOW ---------- */
+@keyframes kf-neon{0%,100%{text-shadow:0 0 8px var(--accent),0 0 20px var(--accent)}
+  50%{text-shadow:0 0 16px var(--accent),0 0 40px var(--accent),0 0 80px var(--accent)}}
+.anim-neon-glow{animation:kf-neon 2s ease-in-out infinite}
+
+.anim-shimmer-sweep{position:relative;overflow:hidden}
+.anim-shimmer-sweep::after{content:"";position:absolute;inset:0;
+  background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.55) 50%,transparent 60%);
+  transform:translateX(-100%);animation:kf-shimmer 2.4s var(--anim-ease) infinite}
+@keyframes kf-shimmer{to{transform:translateX(100%)}}
+
+.anim-gradient-flow{background:linear-gradient(90deg,var(--accent),var(--accent-2,var(--accent)),var(--accent-3,var(--accent)),var(--accent));
+  background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
+  animation:kf-gradflow 4s linear infinite}
+@keyframes kf-gradflow{to{background-position:300% 0}}
+
+/* ---------- STAGGER LIST ---------- */
+.anim-stagger-list > *{opacity:0;animation:kf-rise .65s var(--anim-ease) both}
+.anim-stagger-list > *:nth-child(1){animation-delay:.05s}
+.anim-stagger-list > *:nth-child(2){animation-delay:.15s}
+.anim-stagger-list > *:nth-child(3){animation-delay:.25s}
+.anim-stagger-list > *:nth-child(4){animation-delay:.35s}
+.anim-stagger-list > *:nth-child(5){animation-delay:.45s}
+.anim-stagger-list > *:nth-child(6){animation-delay:.55s}
+.anim-stagger-list > *:nth-child(7){animation-delay:.65s}
+.anim-stagger-list > *:nth-child(8){animation-delay:.75s}
+.anim-stagger-list > *:nth-child(n+9){animation-delay:.85s}
+
+/* ---------- COUNTER-UP (JS-driven, marker class only) ---------- */
+.counter{font-variant-numeric:tabular-nums}
+
+/* ---------- SVG PATH DRAW ---------- */
+.anim-path-draw path,.anim-path-draw line,.anim-path-draw polyline,.anim-path-draw circle,.anim-path-draw rect{
+  stroke-dasharray:1000;stroke-dashoffset:1000;animation:kf-draw 2s var(--anim-ease) forwards}
+@keyframes kf-draw{to{stroke-dashoffset:0}}
+
+/* ---------- PARALLAX TILT (hover) ---------- */
+.anim-parallax-tilt{transform-style:preserve-3d;transition:transform .4s var(--anim-ease)}
+.anim-parallax-tilt:hover{transform:perspective(900px) rotateX(6deg) rotateY(-8deg) translateZ(10px)}
+
+/* ---------- CARD FLIP 3D ---------- */
+@keyframes kf-flip{from{transform:perspective(1200px) rotateY(-90deg);opacity:0}
+  to{transform:perspective(1200px) rotateY(0);opacity:1}}
+.anim-card-flip-3d{animation:kf-flip .9s var(--anim-ease) both;transform-style:preserve-3d;backface-visibility:hidden}
+
+/* ---------- CUBE ROTATE 3D ---------- */
+@keyframes kf-cube{from{transform:perspective(1200px) rotateX(20deg) rotateY(-90deg) translateZ(-200px);opacity:0}
+  to{transform:perspective(1200px) rotateX(0) rotateY(0) translateZ(0);opacity:1}}
+.anim-cube-rotate-3d{animation:kf-cube 1s var(--anim-ease) both}
+
+/* ---------- PAGE TURN 3D ---------- */
+@keyframes kf-pageturn{from{transform:perspective(1600px) rotateY(-85deg);transform-origin:left center;opacity:0}
+  to{transform:perspective(1600px) rotateY(0);opacity:1}}
+.anim-page-turn-3d{animation:kf-pageturn 1s var(--anim-ease) both;transform-origin:left center}
+
+/* ---------- PERSPECTIVE ZOOM ---------- */
+@keyframes kf-pzoom{from{opacity:0;transform:perspective(1400px) translateZ(-400px) rotateX(12deg)}
+  to{opacity:1;transform:none}}
+.anim-perspective-zoom{animation:kf-pzoom 1s var(--anim-ease) both}
+
+/* ---------- MARQUEE SCROLL ---------- */
+.anim-marquee-scroll{display:flex;gap:48px;white-space:nowrap;animation:kf-marquee 20s linear infinite}
+@keyframes kf-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
+
+/* ---------- KEN BURNS ---------- */
+@keyframes kf-kenburns{0%{transform:scale(1) translate(0,0)}100%{transform:scale(1.15) translate(-2%,-1%)}}
+.anim-kenburns{animation:kf-kenburns 14s ease-in-out infinite alternate}
+
+/* ---------- CONFETTI BURST (pseudo — pure CSS sparkles) ---------- */
+.anim-confetti-burst{position:relative}
+.anim-confetti-burst::before,.anim-confetti-burst::after{
+  content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;border-radius:50%;
+  background:var(--accent);box-shadow:
+    20px -30px 0 var(--accent-2,var(--accent)),-25px -20px 0 var(--accent-3,var(--accent)),
+    30px 20px 0 var(--good,#1aaf6c),-30px 25px 0 var(--warn,#f5a524),
+    40px -10px 0 var(--bad,#e0445a),-45px 0 0 var(--accent),
+    10px 40px 0 var(--accent-2,var(--accent)),-15px -40px 0 var(--accent-3,var(--accent));
+  opacity:0;animation:kf-confetti 1.2s var(--anim-ease) forwards}
+.anim-confetti-burst::after{animation-delay:.15s;transform:rotate(45deg)}
+@keyframes kf-confetti{0%{opacity:0;transform:scale(.2)}30%{opacity:1}100%{opacity:0;transform:scale(2.2)}}
+
+/* ---------- SPOTLIGHT ---------- */
+@keyframes kf-spot{0%{clip-path:circle(0% at 50% 50%)}100%{clip-path:circle(140% at 50% 50%)}}
+.anim-spotlight{animation:kf-spot 1.1s var(--anim-ease) both}
+
+/* ---------- MORPH SHAPE (SVG) ---------- */
+.anim-morph-shape path{animation:kf-morph 6s ease-in-out infinite alternate}
+@keyframes kf-morph{0%{d:path("M60,120 Q120,20 180,120 T300,120")}
+  100%{d:path("M60,120 Q120,220 180,120 T300,120")}}
+
+/* ---------- RIPPLE REVEAL ---------- */
+@keyframes kf-ripple{0%{clip-path:circle(0% at 20% 80%);opacity:.4}
+  100%{clip-path:circle(160% at 20% 80%);opacity:1}}
+.anim-ripple-reveal{animation:kf-ripple 1.2s var(--anim-ease) both}
+
+/* reduced motion */
+@media (prefers-reduced-motion: reduce){
+  [class*="anim-"]{animation:none!important;transition:none!important}
+}