Skills 导航

面向复杂 claude.ai HTML artifact 开发，快速初始化 React + Tailwind CSS + shadcn/ui 项目并打包为单文件 HTML，适合需要状态管理、路由或多组件交互的页面。

✎ 在 claude.ai 里做复杂网页 Artifact 很省心，多组件、状态和路由都能顺手搭起来，React、Tailwind 与 shadcn/ui 组合效率高、成品也更精致。

用 Playwright 为本地 Web 应用编写自动化测试，支持启动开发服务器、校验前端交互、排查 UI 异常、抓取截图与浏览器日志，适合调试动态页面和回归验证。

✎ 借助 Playwright 一站式验证本地 Web 应用前端功能，调 UI 时还能同步查看日志和截图，定位问题更快。

面向组件、页面、海报和 Web 应用开发，按鲜明视觉方向生成可直接落地的前端代码与高质感 UI，适合做 landing page、Dashboard 或美化现有界面，避开千篇一律的 AI 审美。

✎ 想把页面做得既能上线又有设计感，就用前端设计：组件到整站都能产出，难得的是能避开千篇一律的 AI 味。

持续盯住 GitHub PR：轮询 CI、review 评论和可合并状态，自动诊断失败、重试疑似 flaky 检查并修复可安全处理的问题，直到可合并或确实需要你介入。

✎ 替你持续盯住 GitHub PR 的 CI、评审和可合并状态，自动诊断失败、重试 flaky 用例，还能顺手修分支问题。

通过交互方式启动和验证 Codex TUI，规范设置 RUST_LOG=trace、log_dir 与消息发送顺序，适合排查改动、复现问题和收集调试日志。

✎ 做 Codex TUI 交互测试时容易没思路，它用可操作的引导帮你快速搭建测试流程，边测边调，特别适合验证真实交互体验。

面向全栈开发，快速生成 Next.js、FastAPI+React、MERN、Django+React 项目骨架，分析代码安全性与复杂度，并给出技术栈选型建议。

✎ 覆盖 Next.js、FastAPI 到 MERN、Django 的项目脚手架与选型建议，还能顺手做代码质量和安全评分，开新项目更省心。

面向 Node.js、Python、Go 的性能排查 Skill，定位 CPU、内存、I/O 与数据库瓶颈，生成 flamegraph、分析 bundle 和内存泄漏，并用 k6、Artillery 做压测对比优化前后效果

✎ 定位代码性能瓶颈很省心，兼顾细粒度剖析与调优排障，尤其适合想把性能榨到极致的开发者。

从需求或代码生成测试，结合覆盖率缺口分析和测试质量评分，按 TDD 红绿重构流程推进开发，兼容 Jest、Pytest、JUnit、Vitest 等框架。

✎ 想把测试驱动开发真正落地，它能自动生成测试、分析覆盖率，还兼容多种框架，明显减轻补测和重构压力。

聚焦 React、Next.js、TypeScript 与 Tailwind CSS 开发，适合快速搭建项目、生成组件、优化性能与包体、完善可访问性，并审查前端代码质量。

✎ React、Next.js、TypeScript、Tailwind 一套打通，既能快速搭建组件和项目，也能顺手做性能、包体与无障碍优化，前端开发效率很高。

面向 GitHub PR 和 GitLab MR 做结构化深度评审，覆盖影响面分析、安全风险、破坏性变更、测试覆盖率变化与性能回归，输出可直接交付审阅人的优先级报告。

✎ 做PR评审时，它能快速读懂diff、揪出质量隐患并给出可执行反馈，强在评审深度和实战口碑都在线。

用 Git worktree 同时开多个隔离分支开发，自动处理命名、端口分配、.env 同步、依赖安装和安全清理，适合并行功能开发、热修复与多 agent 协作。

✎ 让同一仓库同时挂起多个分支开发与调试，省去来回切分支的折腾，对并行任务和多版本维护尤其顺手。

针对 React/Next.js 项目生成 Jest 和 React Testing Library 单测模板，分析覆盖率缺口，快速搭建 Playwright E2E 测试并补齐关键质量保障。

✎ 帮你把 React/Next.js 的单测、覆盖率分析到 Playwright E2E 一次理顺，连 Jest 配置也能补齐，省下大量测试搭建时间。

覆盖 REST API 设计、Node.js/Express/Fastify 开发、PostgreSQL 查询优化、认证安全、迁移生成与接口压测，适合微服务搭建和后端代码评审。

✎ 覆盖后端开发全流程，能把接口设计、鉴权、安全与数据库优化串起来，特别适合需要兼顾性能和架构质量的团队。

面向工程团队的事故响应 Skill，覆盖故障分级、时间线还原、PIR 与 RCA 分析、通报模板和 Runbook 生成，适合处理线上事故、复盘与流程沉淀。

✎ 把故障响应、排障协作和指挥流程集中起来，工程团队遇到线上事故时能更快定位、同步与收敛处理。

自动分析代码库，生成面向新人、资深成员或外包的入门文档，涵盖架构总览、关键文件、环境搭建、常见任务、排障与贡献规范，适合团队交接、重构后补文档和开源前整理。

✎ 面对陌生代码库，它能快速梳理架构与文档脉络，显著缩短上手时间，对复杂项目和新成员接手尤其友好。

自动分析TypeScript、JavaScript、Python、Go、Swift、Kotlin的PR复杂度、风险与代码质量，定位代码异味、SOLID违规等问题，并生成带评分和优先级的审查报告。

✎ 多语言 PR 自动评审很省心，不只检查代码异味和 SOLID 问题，还会结合复杂度与风险生成报告，帮你优先盯住高风险改动。

为 Claude Code 生态里的 Skill 做自动验收，覆盖目录结构、文档规范、Python 脚本运行与输出格式检查，并给出质量评分，适合接入 CI/CD、PR 审核和发布前自测。

✎ 想快速判断开发者真实编码与调试水平，用技能测试做标准化评估，招聘筛选和团队能力盘点都更高效。

自动识别仓库语言、运行时与构建信号，生成贴合项目实际的 GitHub Actions 或 GitLab CI 流水线，适合新仓库初始化、平台迁移和校验现有 CI 配置。

✎ 帮你把 CI/CD 流水线和部署流程快速串起来，尤其适合复杂 DevOps 场景，省下大量重复配置与排障时间。

Generate realistic fake data — names, emails, addresses — for testing and dev. Use when seeding databases, mocking API responses, creating sample records.

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.

Generate daily operations reports for GitCode repositories with key metrics, AI summaries and Markdown output. 将 GitCode 上配置的仓库运营数据整理成日报输出；支持关键指标统计、AI 摘要与 Markdown。Python 3.7+ standard library only, no pip dependencies.

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.

Validate and format passport or identity document data. Use when checking fields, validating numbers, generating fixtures, linting records.

Reviews Elixir code for idiomatic patterns, OTP basics, and documentation. Use when reviewing .ex/.exs files, checking pattern matching, GenServer usage, or module documentation.