Skills

Expert code review with a senior engineer lens.

根据 git status 和 git diff 自动生成符合规范的中文 commit message，支持 Conventional Commits 格式，包含模块名称。

将文件/文件夹添加到本地 git 忽略区(.git/info/exclude)，不修改 .gitignore 文件。

查看 PR/MR 评论并给出解决建议。

Claude Code skill 设计和编写助手。仅通过 /skill-writer 命令手动触发，不自动激活。负责分析需求合理性、边界情况、降级兼容处理，最终生成规范的 SKILL.md 文件。

智能计划生成技能，解决 plan 模式下长内容写入失败的问题。核心策略为分块写入，确保计划内容不受长度限制。

Use when 需要根据 git 历史生成或更新 CHANGELOG.md，尤其在发版前整理 Unreleased、版本区间、tag diff 或 Keep a Changelog 条目时。

Anthony Fu 为 JavaScript/TypeScript 项目制定的一套带有明确个人偏好的工具链与约定。适用于搭建新项目、配置 ESLint/Prettier 的替代方案、管理 monorepo、发布库，或当用户提到 Anthony Fu 的偏好时使用。

Nuxt 是一个全栈 Vue 框架，支持服务端渲染（SSR）、自动导入和基于文件的路由。 当你在开发 Nuxt 应用、服务器路由、使用 `useFetch`、中间件或混合渲染时，请使用它。

Pinia 是 Vue 官方的状态管理库，具备类型安全且可扩展的特性。可在定义 store、处理 state/getters/actions，或在 Vue 应用中实现 store 模式时使用。

具有严格依赖解析机制的 Node.js 包管理器。用于运行 pnpm 特定命令、配置工作区，或使用 catalogs、patches 或 overrides 管理依赖项。

使用 Slidev 为开发者创建并展示基于 Web 的幻灯片演示，支持 Markdown、Vue 组件、代码高亮、动画和交互功能。适用于制作技术演示、会议演讲、代码讲解、教学材料或面向开发者的演示文稿。

使用 Rolldown 提供的极速能力来打包 TypeScript 和 JavaScript 库。适用于构建库、生成类型声明、打包为多种格式，或从 tsup 迁移时使用。

Turborepo 单体仓库（monorepo）构建系统指南。适用于以下内容：`turbo.json`、任务流水线（task pipelines）、`dependsOn`、缓存（caching）、远程缓存（remote cache）、`turbo` 命令行工具、`--filter`、`--affected`、CI 优化、环境变量、内部包、monorepo 结构/最佳实践以及边界划分。 当用户有以下需求时可使用：配置任务/工作流/流水线，创建包，搭建 monorepo，在应用之间共享代码，运行已变更/受影响的包，调试缓存，或项目中包含 `apps`/`packages` 目录。

UnoCSS 是一个即时生成的原子化 CSS 引擎，也是 Tailwind CSS 的超集。可在配置 UnoCSS、编写工具类规则（utility rules）、快捷方式（shortcuts），或使用 Wind、Icons、Attributify 等预设时使用。

Vite 构建工具配置、插件 API、SSR，以及迁移到 Vite 8 Rolldown。适用于处理 Vite 项目、`vite.config.ts`、Vite 插件，或使用 Vite 构建库和 SSR 应用时。

VitePress 是一个由 Vite 和 Vue 驱动的静态站点生成器。适用于构建文档网站、配置主题，或在 Markdown 中编写 Vue 组件。

Vitest 是一个由 Vite 驱动的快速单元测试框架，并提供与 Jest 兼容的 API。可在编写测试、创建模拟（mock）、配置覆盖率，或处理测试过滤和测试夹具（fixtures）时使用。

必须用于 Vue.js 相关任务。强烈推荐使用 Composition API，并将 `<script setup>` 和 TypeScript 作为标准做法。涵盖 Vue 3、SSR、Volar、vue-tsc。对于任何 Vue、`.vue` 文件、Vue Router、Pinia 或基于 Vite 的 Vue 项目工作，都应加载。除非项目明确要求使用 Options API，否则始终使用 Composition API。

Vue Router 4 的模式、导航守卫、路由参数，以及路由与组件生命周期之间的交互。

用于 Vue.js 测试。涵盖 Vitest、Vue Test Utils、组件测试、模拟（mocking）、测试模式，以及用于端到端（E2E）测试的 Playwright。

Vue 3 组合式 API、`script setup` 宏、响应式系统以及内置组件。适用于编写 Vue 单文件组件（SFC）、使用 `defineProps`/`defineEmits`/`defineModel`、侦听器（watchers），或使用 `Transition`/`Teleport`/`Suspense`/`KeepAlive` 时。

在适当的情况下使用 VueUse 的组合式函数（composables），以构建简洁且易于维护的 Vue.js / Nuxt 功能。

审查 UI 代码是否符合 Web 界面指南。适用于用户提出“审查我的 UI”、“检查可访问性”、“审计设计”、“评审用户体验”或“检查我的网站是否符合最佳实践”等请求时。

通用发布工作流。可自动检测版本文件和更新日志。支持 Node.js、Python、Rust、Claude 插件以及通用项目。当用户提到“release”“发布”“new version”“bump version”“push”“推送”时使用。

分析文章结构，识别需要视觉辅助的位置，并采用“类型 × 风格”的二维方法生成插图。适用于用户提出“为文章配图”、“添加图片”、“为文章生成图片”或“illustrate article”等请求时。

支持多种艺术风格和语调的知识漫画创作者。可创建原创教育漫画，提供详细的分镜布局和按顺序生成的图像。适用于用户要求创作“知识漫画”“教育漫画”“传记漫画”“教程漫画”或“Logicomix 风格漫画”时。

将图像压缩为 WebP（默认）或 PNG，并自动选择合适的工具。当用户要求“压缩图像”、“优化图像”、“转换为 WebP”或减小图像文件大小时使用。

生成文章封面图片，包含 5 个维度（类型、色板、渲染方式、文字、氛围），结合 10 种配色方案和 7 种渲染风格。支持电影宽银幕（2.35:1）、宽屏（16:9）和方形（1:1）比例。当用户提出“生成封面图片”、“创建文章封面”或“制作封面”等请求时使用。

通过逆向工程的 Gemini Web API 生成图像和文本。支持文本生成、根据提示词生成图像、使用参考图像作为视觉输入，以及多轮对话。当其他技能需要图像生成后端，或当用户请求“使用 Gemini 生成图像”“Gemini 文本生成”，或需要具备视觉能力的 AI 生成功能时，可使用此功能。

将 X（Twitter）上的推文和文章转换为带有 YAML front matter 的 Markdown。使用通过逆向工程获得的 API，并需要用户授权同意。当用户提到“X to markdown”“tweet to markdown”“save tweet”，或提供 x.com/twitter.com 链接要求转换时使用。

对纯文本或 Markdown 文件进行格式化，支持处理 frontmatter、标题、摘要、小标题、加粗、列表和代码块。适用于用户提出“格式化 Markdown”、“美化文章”、“添加格式”或改进文章排版等需求时使用。输出文件为 {filename}-formatted.md。

使用 OpenAI、Google、OpenRouter、DashScope、即梦、Seedream 和 Replicate API 进行 AI 图像生成。支持文生图、参考图、宽高比设置，以及从已保存的提示词文件中批量生成。默认按顺序生成；当用户已经有多个提示词，或希望稳定地进行多图批量输出时，可使用并行批量生成。适用于用户提出生成、创建或绘制图像需求时。

生成专业信息图，提供 21 种版式类型和 20 种视觉风格。可分析内容、推荐“版式 × 风格”组合，并生成可直接用于发布的信息图。当用户要求创建 “infographic”“信息图”“visual summary”“可视化” 或 “高密度信息大图” 时使用。

将 Markdown 转换为带样式的 HTML，并提供与微信兼容的主题。支持代码高亮、数学公式、PlantUML、脚注、提示框、信息图，以及可选的将外部链接转换为底部引用。适用于用户提出“markdown to html”“convert md to html”“md转html”“微信外链转底部引用”等需求，或需要将 Markdown 输出为带样式 HTML 的场景。

通过 API 或 Chrome CDP 将内容发布到微信公众号。支持发布文章（文章），输入格式可为 HTML、Markdown 或纯文本；也支持发布贴图（原“图文”），可包含多张图片。 在 Markdown 文章工作流中，默认会将普通外部链接转换为文末引用，以生成更适合微信公众号展示的内容。 当用户提到“发布公众号”、“post to wechat”、“微信公众号”或“贴图/图文/文章”时，可使用此功能。

将内容发布到微博。支持发布普通微博（可包含文本、图片和视频），以及通过 Chrome CDP 使用 Markdown 输入发布微博头条文章。用户在要求“post to Weibo”“发微博”“发布微博”“publish to Weibo”“share on Weibo”“写微博”或“微博头条文章”时使用。

将内容和文章发布到 X（Twitter）。支持带图片/视频的普通帖子，以及 X Articles（长篇 Markdown 文章）。使用真实的 Chrome 和 CDP 来绕过反自动化检测。当用户要求“发布到 X”、“发推”、“发布到 Twitter”或“分享到 X”时使用。

从内容生成专业的幻灯片演示文稿图片。先创建带有样式说明的大纲，然后生成单独的幻灯片图片。适用于用户要求“创建幻灯片”、“制作演示文稿”、“生成幻灯片组”、“幻灯片文稿”或“PPT”的情况。

用于在不同语言之间翻译文章和文档，提供三种模式——快速（直接翻译）、普通（先分析再翻译）和精修（分析、翻译、审校、润色）。支持通过 EXTEND.md 使用自定义术语表，并保持术语一致性。适用于用户提出“translate”“翻译”“精翻”“translate article”“translate to Chinese/English”“改成中文”“改成英文”“convert to Chinese”“localize”“本地化”等请求，或任何文档翻译需求。对于“refined translation”“精细翻译”“proofread translation”“快速翻译”“快翻”“这篇文章翻译一下”等表述，或在带有翻译意图时提供了 URL 或文件的情况，也会触发。

抓取任意 URL，并通过 Chrome CDP 将其转换为 Markdown。它会在保存 Markdown 的同时保存渲染后的 HTML 快照，使用升级版的 Defuddle 处理流程，以更好地处理 Web Components 并提取 YouTube 字幕，并在需要时自动回退到 Defuddle 之前的 HTML 转 Markdown 流程。如果本地浏览器抓取完全失败，它还可以回退到托管的 defuddle.md API。支持两种模式：页面加载时自动抓取，或等待用户发出信号后再抓取（适用于需要登录的页面）。当用户希望将网页保存为 Markdown 时使用。

生成适用于小红书（Little Red Book）的信息图系列，提供 11 种视觉风格和 8 种版式布局。可将内容拆分为 1–10 张卡通风格图片，并针对小红书互动效果进行优化。当用户提到“小红书图片”“XHS images”“RedNote infographics”“小红书种草”，或希望为中国平台制作社交媒体信息图时，可使用此功能。