docs: update star count to 116k, add before/after comparison to README

Author: jnMetaCode

README.md

@@ -2,10 +2,37 @@
 
 🌐 **简体中文** | [English (upstream)](https://github.com/obra/superpowers)
 
-> 🦸 **superpowers（99k+ ⭐）完整汉化 + 6 个中国原创 skills** — 让 OpenClaw / Claude Code / Cursor / Windsurf / Kiro / Gemini CLI 等 **14 款 AI 编程工具**真正会干活。从头脑风暴到代码审查，从 TDD 到调试，每个 skill 都是经过实战验证的工作方法论。
+> 🦸 **superpowers（116k+ ⭐）完整汉化 + 6 个中国原创 skills** — 让 OpenClaw / Claude Code / Cursor / Windsurf / Kiro / Gemini CLI 等 **14 款 AI 编程工具**真正会干活。从头脑风暴到代码审查，从 TDD 到调试，每个 skill 都是经过实战验证的工作方法论。
 
 Chinese community edition of [superpowers](https://github.com/obra/superpowers) — 20 skills across 14 AI coding tools, including full translations and China-specific development skills.
 
+<!-- 效果对比 -->
+<table>
+<tr><td>
+
+**没装 superpowers-zh：**
+```
+你：给用户模块加个批量导出功能
+AI：好的，我来实现...（直接开始写代码）
+    export async function exportUsers() { ... }
+你：等等，格式不对，没分页，大数据量会 OOM...
+```
+
+</td><td>
+
+**装了 superpowers-zh：**
+```
+你：给用户模块加个批量导出功能
+AI：在开始实现之前，我需要了解几个关键问题：
+    1. 导出格式是 CSV 还是 Excel？
+    2. 预计数据量多大？需要异步处理吗？
+    3. 有权限要求吗？
+    → 给出 2-3 个方案，确认后再动手
+```
+
+</td></tr>
+</table>
+
 [![GitHub stars](https://img.shields.io/github/stars/jnMetaCode/superpowers-zh?style=social)](https://github.com/jnMetaCode/superpowers-zh)
 [![npm version](https://img.shields.io/npm/v/superpowers-zh)](https://www.npmjs.com/package/superpowers-zh)
 [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
@@ -22,7 +49,7 @@ Chinese community edition of [superpowers](https://github.com/obra/superpowers)
 
 ## 这是什么？
 
-[superpowers](https://github.com/obra/superpowers) 是目前最火的 AI 编程 skills 框架（99k+ stars），为 AI 编程工具提供**系统化的工作方法论**。
+[superpowers](https://github.com/obra/superpowers) 是目前最火的 AI 编程 skills 框架（116k+ stars），为 AI 编程工具提供**系统化的工作方法论**。
 
 **superpowers-zh** 在完整翻译的基础上，新增了面向中国开发者的特色 skills。
 

docs/assets/RECORDING-GUIDE.md

@@ -0,0 +1,47 @@
+# GIF 录制指南
+
+## 方式一：macOS 录屏（推荐，最真实）
+
+### 准备
+1. 终端字体调到 18pt+，背景用深色
+2. 准备一个测试项目目录 `~/demo-project`
+3. 确保 superpowers-zh 已安装
+
+### 录制步骤
+1. **Cmd+Shift+5** 打开录屏，选择录制区域（只录终端窗口）
+2. 执行以下操作：
+
+```bash
+# 第一步：安装（3秒）
+cd ~/demo-project
+npx superpowers-zh
+
+# 第二步：给 AI 提需求（等 AI 回复）
+claude "给用户模块加一个批量导出功能"
+```
+
+3. 等 AI 输出中文的头脑风暴内容（澄清问题 + 方案），录到这里就可以停了
+4. 停止录屏
+
+### 转 GIF
+```bash
+# mov 转 gif（用 ffmpeg）
+ffmpeg -i recording.mov -vf "fps=10,scale=700:-1:flags=lanczos" -c:v gif docs/assets/demo.gif
+
+# 如果太大（>2MB），降低 fps 或尺寸
+ffmpeg -i recording.mov -vf "fps=8,scale=600:-1:flags=lanczos" -c:v gif docs/assets/demo.gif
+```
+
+## 方式二：VHS 脚本（模拟输入，输出需要手动编排）
+
+```bash
+cd /Users/yx/work/wenzhang/superpowers-zh
+vhs docs/assets/demo.tape
+```
+
+注意：VHS 只模拟键盘输入，AI 输出需要在 tape 文件中用 Type 模拟。
+
+## 最终效果要求
+- 时长：15-20 秒
+- 文件大小：< 2MB
+- 关键帧：能看到 AI 用中文输出设计方案/澄清问题

docs/assets/demo.tape

@@ -0,0 +1,22 @@
+Output docs/assets/demo.gif
+Set FontSize 18
+Set Width 900
+Set Height 500
+Set Theme "Catppuccin Mocha"
+Set TypingSpeed 50ms
+
+# Step 1: Install
+Type "npx superpowers-zh"
+Enter
+Sleep 2s
+# Simulate output
+Type ""
+Sleep 1s
+
+# Step 2: Use Claude Code with a request
+Type `claude "给用户模块加一个批量导出功能"`
+Enter
+Sleep 5s
+
+# AI responds in Chinese with brainstorming
+Sleep 8s