doc-diff
by cnoder-wgh
Compare two documents or files and generate a structured diff report. Use when: user asks to compare files, find differences between documents, generate diff report, or check what changed between two versions.
安装
claude skill add --url github.com/openclaw/skills/tree/main/skills/cnoder-wgh/doc-diff文档
Document Diff Skill
Compare two documents or files and generate a structured difference report in Chinese.
When to Use
✅ USE this skill when:
- "对比这两个文件"
- "这两个文档有什么区别?"
- "生成差异报告"
- "找出两个版本之间的变化"
- "Compare file A and file B"
Workflow
Step 1: Get file paths
Ask the user for the two file paths to compare if not provided.
Step 2: Run diff
# Basic diff (line by line)
diff file_a.txt file_b.txt
# Unified format (shows context lines, recommended)
diff -u file_a.txt file_b.txt
# Side-by-side comparison
diff -y --width=120 file_a.txt file_b.txt
# Ignore whitespace differences
diff -u -b -B file_a.txt file_b.txt
# Word-level diff (more granular)
diff -u --word-diff=plain file_a.txt file_b.txt
Step 3: For directory comparison
# Compare two directories recursively
diff -rq dir_a/ dir_b/
# Full diff of all files in directories
diff -ru dir_a/ dir_b/
Step 4: Generate report
After running diff, present the results as a structured report with these sections:
- 概览 (Overview) — file names, total lines changed
- 新增内容 (Additions) — lines added (marked with
+) - 删除内容 (Deletions) — lines removed (marked with
-) - 变更摘要 (Summary) — brief description of what changed and why it matters
Output Format
Present the report in Chinese with clear sections:
📄 文档对比报告
================
文件 A: <path>
文件 B: <path>
📊 变更概览
- 新增行数: X
- 删除行数: X
- 变更行数: X
➕ 新增内容
...
➖ 删除内容
...
📝 变更摘要
...
Notes
- For binary files (Word, PDF), read both files first and compare the extracted text
- For large files, focus on significant changes and summarize repeated patterns
- Always show the diff output first, then explain in plain Chinese what changed
相关 Skills
前端设计
by anthropics
面向组件、页面、海报和 Web 应用开发,按鲜明视觉方向生成可直接落地的前端代码与高质感 UI,适合做 landing page、Dashboard 或美化现有界面,避开千篇一律的 AI 审美。
✎ 想把页面做得既能上线又有设计感,就用前端设计:组件到整站都能产出,难得的是能避开千篇一律的 AI 味。
网页构建器
by anthropics
面向复杂 claude.ai HTML artifact 开发,快速初始化 React + Tailwind CSS + shadcn/ui 项目并打包为单文件 HTML,适合需要状态管理、路由或多组件交互的页面。
✎ 在 claude.ai 里做复杂网页 Artifact 很省心,多组件、状态和路由都能顺手搭起来,React、Tailwind 与 shadcn/ui 组合效率高、成品也更精致。
网页应用测试
by anthropics
用 Playwright 为本地 Web 应用编写自动化测试,支持启动开发服务器、校验前端交互、排查 UI 异常、抓取截图与浏览器日志,适合调试动态页面和回归验证。
✎ 借助 Playwright 一站式验证本地 Web 应用前端功能,调 UI 时还能同步查看日志和截图,定位问题更快。
相关 MCP 服务
GitHub
编辑精选by GitHub
GitHub 是 MCP 官方参考服务器,让 Claude 直接读写你的代码仓库和 Issues。
✎ 这个参考服务器解决了开发者想让 AI 安全访问 GitHub 数据的问题,适合需要自动化代码审查或 Issue 管理的团队。但注意它只是参考实现,生产环境得自己加固安全。
Context7 文档查询
编辑精选by Context7
Context7 是实时拉取最新文档和代码示例的智能助手,让你告别过时资料。
✎ 它能解决开发者查找文档时信息滞后的问题,特别适合快速上手新库或跟进更新。不过,依赖外部源可能导致偶尔的数据延迟,建议结合官方文档使用。
by tldraw
tldraw 是让 AI 助手直接在无限画布上绘图和协作的 MCP 服务器。
✎ 这解决了 AI 只能输出文本、无法视觉化协作的痛点——想象让 Claude 帮你画流程图或白板讨论。最适合需要快速原型设计或头脑风暴的开发者。不过,目前它只是个基础连接器,你得自己搭建画布应用才能发挥全部潜力。