Agent Skills
› mrgoonie/claudekit-skills
mrgoonie/claudekit-skills
GitHub基于Puppeteer CLI的Chrome DevTools技能，支持浏览器自动化、截图、性能分析及网络监控。提供导航、点击、填表等脚本，输出JSON便于解析，适用于Web测试、数据采集及前端调试场景。
Install All Skills
npx skills add mrgoonie/claudekit-skills --all -g -y
Skills in Collection (42)
基于Puppeteer CLI的Chrome DevTools技能，支持浏览器自动化、截图、性能分析及网络监控。提供导航、点击、填表等脚本，输出JSON便于解析，适用于Web测试、数据采集及前端调试场景。
需要自动化浏览器操作（如点击、填表）
进行网页性能分析或网络流量监控
需要截取网页截图用于报告或调试
npx skills add mrgoonie/claudekit-skills --skill chrome-devtools -g -y
提供MongoDB和PostgreSQL的统一指南，涵盖选型、安装、查询编写、性能优化、迁移及运维管理。
设计数据库模式
编写SQL或聚合查询
优化索引与性能
执行数据库迁移
配置备份与恢复
npx skills add mrgoonie/claudekit-skills --skill databases -g -y
通过多层校验（入口、业务逻辑、环境守卫、调试日志）确保数据流经每一层时均被验证，防止因单点校验绕过导致缺陷，使错误在结构上不可发生。
修复由无效数据引起的 Bug
设计健壮的数据输入处理流程
增强系统安全性与稳定性
npx skills add mrgoonie/claudekit-skills --skill Defense-in-Depth Validation -g -y
指导通过回溯调用栈定位深层Bug根源，从症状逆向追踪至初始触发点并修复。提供手动追踪步骤、添加调试日志及二分查找污染测试的自动化脚本方法，强调在源头修复而非处理表象。
错误出现在调用栈深处
需要定位无效数据的来源
不确定是哪个测试或代码触发了问题
npx skills add mrgoonie/claudekit-skills --skill Root Cause Tracing -g -y
提供系统性调试方法论，涵盖根因分析、深度防御验证及完成前确认，旨在通过结构化流程快速定位并修复Bug，避免盲目猜测。
生产环境出现Bug
测试失败或行为异常
需要确认修复效果
npx skills add mrgoonie/claudekit-skills --skill debugging -g -y
提供四阶段系统化调试框架，强调在修复前必须彻底调查根本原因。涵盖错误分析、复现、变更检查及多组件数据流追踪，旨在避免盲目修补，提升问题定位效率与准确性。
测试失败
生产环境Bug
意外行为
性能问题
构建失败
npx skills add mrgoonie/claudekit-skills --skill Systematic Debugging -g -y
强制在声称工作完成前必须运行验证命令并检查输出证据。禁止仅凭信心、部分检查或代理报告就断言成功，确保测试结果、构建和修复均经过独立且完整的实证验证。
声称任务完成时
准备提交代码或发布前
评估测试或构建状态时
npx skills add mrgoonie/claudekit-skills --skill Verification Before Completion -g -y
用于部署和管理云基础设施，涵盖 Cloudflare、Docker、GCP 和 Kubernetes。支持无服务器应用、容器化、CI/CD 流水线、GitOps 工作流及安全审计，提供平台选择指南与快速启动命令。
部署应用到 Cloudflare Workers 或 GCP Cloud Run
构建和管理 Docker 容器镜像
使用 kubectl 或 Helm 管理 Kubernetes 集群
配置 CI/CD 流水线或 GitOps 工作流
npx skills add mrgoonie/claudekit-skills --skill devops -g -y
通过llms.txt标准、GitHub仓库分析和并行探索策略，智能发现并分析技术文档。适用于获取最新库框架文档、解析GitHub仓库或无llms.txt支持的多源文档聚合。
需要查找特定库或框架的最新技术文档
请求分析GitHub仓库内容
需要并行获取多个文档来源的信息
npx skills add mrgoonie/claudekit-skills --skill docs-seeker -g -y
提供.docx文件的创建、编辑和分析能力，支持格式保留、修订追踪及文本提取。涵盖从新建文档到复杂修改的全流程工作流，适用于各类专业文档处理需求。
需要创建新的Word文档
需要编辑或修改现有文档内容
需要查看或处理文档的修订记录
需要从文档中提取文本或分析结构
npx skills add mrgoonie/claudekit-skills --skill docx -g -y
提供PDF处理工具包，支持文本表格提取、文档创建、合并拆分及表单填写。基于pypdf、pdfplumber和reportlab库，适用于大规模PDF程序化生成、分析与批量处理场景。
需要提取PDF中的文本或表格数据
需要合并、拆分或旋转PDF文档
需要创建新的PDF文件
需要填充或处理PDF表单
npx skills add mrgoonie/claudekit-skills --skill pdf -g -y
提供 PPTX 文件的创建、编辑与分析能力。支持文本提取、原始 XML 访问以处理备注和布局，以及通过 html2pptx 工作流从无模板 HTML 生成幻灯片。
用户需要创建新的演示文稿
用户要求修改或编辑 PPTX 内容
用户希望分析演示文稿的布局、备注或设计元素
npx skills add mrgoonie/claudekit-skills --skill pptx -g -y
提供Excel文件的创建、编辑与分析能力，支持公式处理、格式化及数据可视化。适用于金融模型构建、模板修改、数据读取分析及公式重算等场景，确保零公式错误并遵循行业标准规范。
需要创建或编辑Excel文件
分析电子表格中的数据
进行财务建模或数据可视化
npx skills add mrgoonie/claudekit-skills --skill xlsx -g -y
指导创建具有独特设计感和生产级质量的 Web 前端界面，避免通用 AI 美学。通过设计思维确定大胆的美学方向，实现包含排版、色彩、动效和空间布局的精美代码。
构建网页组件或页面
开发前端应用程序
要求提升 UI 设计质量
npx skills add mrgoonie/claudekit-skills --skill frontend-design -g -y
提供现代React/TypeScript前端开发规范，涵盖组件创建、特性构建、数据获取、路由设置及性能优化指南。
创建新组件或页面
构建新功能模块
使用TanStack Query获取数据
配置TanStack Router路由
MUI v7样式设置
前端代码组织与TypeScript最佳实践
npx skills add mrgoonie/claudekit-skills --skill frontend-dev-guidelines -g -y
指导创建高质量MCP服务器，使LLM能通过设计良好的工具与外部服务交互。涵盖Python和Node/TypeScript实现，强调面向工作流的设计、上下文优化及错误处理，旨在提升AI代理执行实际任务的能力。
构建MCP服务器
集成外部API到LLM
开发Agent工具
npx skills add mrgoonie/claudekit-skills --skill mcp-builder -g -y
管理MCP服务器，支持能力发现、智能工具选择与程序化执行。通过子代理实现上下文高效的多服务器管理与集成，避免主窗口污染，提供持久化工具目录及Gemini CLI集成方案。
需要发现或列出配置的MCP服务器可用工具、提示词或资源
根据任务需求分析并选择最相关的MCP工具
以编程方式调用MCP工具或与MCP客户端进行集成开发
npx skills add mrgoonie/claudekit-skills --skill mcp-management -g -y
基于 Mermaid.js v11 语法创建各类图表（流程图、时序图等），支持 CLI 渲染为图像及 JS 集成，适用于技术文档、架构设计及项目规划中的可视化表达。
生成流程图或架构图
将文本描述转换为可视化图表
创建项目时间线或状态机
npx skills add mrgoonie/claudekit-skills --skill mermaidjs-v11 -g -y
集成SePay、Polar、Stripe等支付网关，处理结账、订阅、Webhook及许可证管理。
需要接入第三方支付渠道
实现订阅或计费逻辑
npx skills add mrgoonie/claudekit-skills --skill payment-integration -g -y
一种通过强制组合不相关概念来激发创新思维的认知技能，旨在突破常规思维局限，发现涌现性解决方案。
遇到技术难题且传统方法无效
需要突破性创新而非渐进式优化
陷入固有思维定势
npx skills add mrgoonie/claudekit-skills --skill Collision-Zone Thinking -g -y
通过反转核心假设来揭示隐藏约束和替代方案的思维技能，帮助打破固有思维定式，发现更优解。
遇到思维僵局或认为只有一种解决方案时
需要探索替代设计或优化现有架构时
npx skills add mrgoonie/claudekit-skills --skill Inversion Exercise -g -y
一种跨领域模式识别方法，通过发现三个以上领域中重复出现的结构来提取通用原则。包含快速参考表、四步处理流程及示例，旨在帮助开发者抽象问题并复用经过验证的解决方案。
需要跨领域抽象通用设计原则时
发现多个独立团队解决相似问题时
试图避免在不同场景中重复造轮子时
npx skills add mrgoonie/claudekit-skills --skill Meta-Pattern Recognition -g -y
通过极端缩放测试（如1000倍大小或瞬间/年长跨度）暴露系统在体积、速度、并发等方面的根本限制与缺陷，辅助架构验证。
评估系统可扩展性
寻找架构潜在瓶颈
验证设计鲁棒性
npx skills add mrgoonie/claudekit-skills --skill Scale Game -g -y
提供通过识别统一原理来消除多个组件的简化策略，帮助发现隐藏模式、抽象共性，从而大幅降低系统复杂度并提升架构简洁性。
代码中存在大量重复实现或特殊分支处理
系统配置项过多或规则异常复杂
重构时感觉像打地鼠，修复一处破坏另一处
npx skills add mrgoonie/claudekit-skills --skill Simplification Cascades -g -y
提供突破思维瓶颈的创造性解题技巧，包括碰撞区思维、逆向思考、模式识别和简化策略，帮助用户在卡顿时找到优雅解决方案。
遇到技术难题无法推进
需要创新或突破性思路
被既有假设限制
npx skills add mrgoonie/claudekit-skills --skill problem-solving -g -y
当开发者陷入困境时，通过识别具体的卡点类型（如复杂度、创新、模式、假设、规模或Bug），自动分派到对应的专项问题解决技能，以快速找到合适的解决策略。
遇到代码问题不知如何解决
开发过程中感到困惑或停滞
需要选择特定的解题技巧
npx skills add mrgoonie/claudekit-skills --skill When Stuck - Problem-Solving Dispatch -g -y
提供结构化、迭代式的复杂问题解决能力，支持分步推理、动态调整范围、回溯修订及分支探索。适用于多阶段分析、设计规划或范围模糊的任务，通过 MCP 工具实现系统性思考。
需要多步骤系统推理的复杂问题
初始范围或方法不确定的任务
涉及多阶段分析与设计的场景
npx skills add mrgoonie/claudekit-skills --skill sequential-thinking -g -y
提供创建和优化 Claude Skills 的指导，涵盖技能结构、元数据规范及资源管理，旨在扩展 Agent 能力。
创建新的 Skill
更新现有 Skill
优化 Skill 配置
npx skills add mrgoonie/claudekit-skills --skill skill-creator -g -y
用于构建高性能3D Web应用，涵盖场景、动画、着色器、PBR材质及VR/XR体验开发。支持从基础入门到高级渲染、性能优化及WebGPU的完整学习路径。
需要创建3D场景或模型
编写自定义着色器或后处理效果
开发VR/XR交互体验
进行3D数据可视化
npx skills add mrgoonie/claudekit-skills --skill threejs -g -y
用于构建美观、可访问的用户界面，结合shadcn/ui组件、Tailwind CSS样式及Canvas视觉设计。支持响应式布局、主题定制、暗色模式及设计系统搭建。
创建用户界面
实现响应式布局
使用shadcn/ui组件
Tailwind CSS样式设置
生成视觉设计
npx skills add mrgoonie/claudekit-skills --skill ui-styling -g -y
提供Web全栈测试能力，涵盖单元、集成、E2E、负载、安全、视觉及无障碍测试。支持Playwright、Vitest等工具，指导测试金字塔策略、CI/CD集成及跨浏览器兼容性，用于自动化测试执行与质量保障。
需要编写或运行单元测试、集成测试或E2E测试
进行Web应用的性能基准测试或负载测试
检查网站的可访问性合规性或安全漏洞
npx skills add mrgoonie/claudekit-skills --skill web-testing -g -y
专注于创建美观界面的技能，涵盖UI/UX设计、灵感分析、AI图像生成及微交互实现。遵循BEAUTIFUL、RIGHT、SATISFYING、PEAK四阶段框架，整合视觉层次、色彩理论与无障碍标准，提供从灵感到落地的完整设计系统指导。
构建或设计用户界面
分析灵感网站的设计方案
生成和迭代设计图像
实施视觉层次与色彩理论
添加微交互和动画
npx skills add mrgoonie/claudekit-skills --skill aesthetic -g -y
基于 Google Gemini API 的多模态处理技能，支持音频转录、图像理解与生成、视频分析及文档提取。提供统一接口处理多媒体内容，涵盖语音、视觉及结构化数据任务。
处理或生成音频文件
分析图片或截图
解析视频内容
从 PDF 等文档提取结构化数据
通过文本提示生成图像
npx skills add mrgoonie/claudekit-skills --skill ai-multimodal -g -y
涵盖后端系统构建的全方位技能，包括API设计、数据库优化、安全认证、微服务架构及性能调优。支持Node.js/Python/Go/Rust等主流技术栈，集成CI/CD与监控调试最佳实践，适用于生产级后端开发。
设计REST/GraphQL/gRPC API
实现身份认证与授权
优化数据库查询与缓存策略
构建微服务架构
配置CI/CD流水线
npx skills add mrgoonie/claudekit-skills --skill backend-development -g -y
提供基于TypeScript的Better Auth框架集成指南，涵盖邮箱密码、OAuth、2FA及RBAC等认证授权功能的实现与配置。
需要添加用户认证功能
实现OAuth第三方登录
配置多因素验证或会话管理
npx skills add mrgoonie/claudekit-skills --skill better-auth -g -y
规范代码审查流程，强调技术严谨性与证据验证。涵盖接收反馈、请求审查及完成前验证三个环节，防止虚假完成声明，确保在合并或提交前通过严格的技术评估和子代理审查。
收到代码审查反馈且内容不明确或存在技术疑问时
完成主要功能或重构后需进行合并前审查时
准备声称测试通过、构建成功或工作完成前的验证阶段
npx skills add mrgoonie/claudekit-skills --skill code-review -g -y
掌握AI代理系统的上下文工程，涵盖架构设计、性能调试、Token优化、记忆系统及多代理协调。旨在通过精选高信号Token集，最大化推理质量并最小化成本与延迟。
设计或调试AI代理系统
上下文长度限制影响性能
优化Token使用成本与延迟
构建多代理协作机制
实现代理记忆系统
评估代理性能
npx skills add mrgoonie/claudekit-skills --skill context-engineering -g -y
利用 FFmpeg 和 ImageMagick 处理音视频及图像，支持格式转换、编解码、流媒体生成、图像编辑与批处理等任务。
媒体文件格式转换
视频编码与压缩
音频提取与处理
图像处理与特效
创建直播流
npx skills add mrgoonie/claudekit-skills --skill media-processing -g -y
将代码仓库打包为AI友好的单文件，支持多格式输出、远程仓库处理及注释移除。用于向LLM提供代码上下文、辅助代码审查、安全审计、文档生成及Bug排查，优化Token消耗。
需要将整个代码库或特定模块打包以便LLM分析
准备代码快照以进行第三方库安全审计
为大型代码库的Bug调查或代码审查生成上下文文件
npx skills add mrgoonie/claudekit-skills --skill repomix -g -y
Shopify全栈开发指南，涵盖应用、扩展及主题构建。支持CLI工作流、GraphQL/REST API集成、OAuth认证、Polaris UI组件及Liquid模板。适用于定制结账流程、管理店铺数据及功能扩展。
创建或部署Shopify应用
开发Shopify主题或UI扩展
集成Shopify API进行数据操作
npx skills add mrgoonie/claudekit-skills --skill shopify -g -y
指导使用Next.js、Turborepo和RemixIcon构建现代全栈Web应用，涵盖SSR/SSG实现、Monorepo架构搭建及UI图标集成。
创建基于React的全栈应用
搭建Monorepo项目结构
配置服务器端渲染或静态生成
集成图标库
npx skills add mrgoonie/claudekit-skills --skill web-frameworks -g -y
这是一个空白的技能模板，目前未包含具体指令。其用途是作为新技能的初始结构，供开发者填充描述、触发场景及核心逻辑后使用。
npx skills add mrgoonie/claudekit-skills --skill template-skill -g -y
