Agent Skills
› mrgoonie/claudekit-skills
mrgoonie/claudekit-skills
GitHub基于 Puppeteer 的 Chrome DevTools 自动化技能，提供网页导航、截图、表单填充、JS 调试及性能分析等 CLI 脚本功能。
安装全部 Skills
npx skills add mrgoonie/claudekit-skills --all -g -y
集合内 Skills (42)
基于 Puppeteer 的 Chrome DevTools 自动化技能，提供网页导航、截图、表单填充、JS 调试及性能分析等 CLI 脚本功能。
需要自动化浏览器操作如截图或点击
进行前端页面性能分析与监控
抓取网页数据或模拟用户交互
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，确保缺陷在结构上不可能发生。
修复由无效数据引起的Bug
需要增强系统健壮性和数据完整性校验
npx skills add mrgoonie/claudekit-skills --skill Defense-in-Depth Validation -g -y
指导通过调用栈逆向追踪，定位深层错误的根本原因并修复源头。涵盖手动追溯、添加调试日志及自动化排查测试污染的方法。
错误出现在调用栈深处
堆栈跟踪显示长调用链
不清楚无效数据的来源
需要找出触发问题的具体测试或代码
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及性能问题等场景，防止盲目修补导致新错误，确保彻底解决问题。
测试失败
生产环境Bug
意外行为或性能问题
npx skills add mrgoonie/claudekit-skills --skill Systematic Debugging -g -y
规定在声明工作完成前必须运行验证命令并提供证据，禁止依赖推测或旧数据。旨在通过严格的验证流程防止虚假报告，确保测试、构建和修复的真实有效性。
准备宣布任务完成
需要确认测试结果或构建状态
提交代码或创建PR前
npx skills add mrgoonie/claudekit-skills --skill Verification Before Completion -g -y
用于部署和管理云基础设施，涵盖 Cloudflare、Docker、GCP 和 Kubernetes。支持 Serverless、容器化、CI/CD、GitOps 及安全审计等场景。
部署应用到云端或容器平台
配置 CI/CD 流水线
管理 Kubernetes 集群
进行基础设施安全审计
npx skills add mrgoonie/claudekit-skills --skill devops -g -y
智能发现并分析技术文档，优先通过llms.txt标准或context7.com获取结构化文档，支持GitHub仓库分析及多源并行探索，适用于库框架最新文档查询与代码库分析。
查询库或框架的最新技术文档
获取llms.txt格式的标准化文档
分析GitHub仓库内容
无直接llms.txt支持时的文档查找
npx skills add mrgoonie/claudekit-skills --skill docs-seeker -g -y
提供 .docx 文件的创建、编辑和分析能力，支持修订追踪、注释、格式保留及文本提取。涵盖从纯文本读取到复杂 OOXML 操作的全流程工作流。
需要生成新的 Word 文档
需要修改或编辑现有 .docx 文件内容
需要查看或处理文档的修订记录和评论
npx skills add mrgoonie/claudekit-skills --skill docx -g -y
提供PDF处理工具集，涵盖文本与表格提取、文档创建、合并/拆分及表单填写等功能。支持pypdf、pdfplumber和reportlab等Python库，用于高效批量处理和分析PDF文件。
需要提取PDF中的文本或表格内容
需要合并、拆分或旋转PDF文档
需要生成新的PDF文件或填充PDF表单
npx skills add mrgoonie/claudekit-skills --skill pdf -g -y
提供PPTX文件的创建、编辑和分析能力。支持通过Markdown转换提取文本，或直接访问XML处理注释、备注和布局等复杂格式。涵盖从零开始设计演示文稿及基于模板修改的完整工作流。
需要创建新的PowerPoint演示文稿
要求修改或编辑现有的PPTX文件内容
需要分析PPTX中的演讲者备注或评论
涉及PPTX版式、动画或主题设计的任务
npx skills add mrgoonie/claudekit-skills --skill pptx -g -y
提供Excel文件的创建、编辑与分析能力，支持公式计算、格式化及数据可视化。重点规范财务模型的颜色编码、数字格式及公式构建规则，确保零错误并保留模板样式。
需要处理xlsx或csv文件
要求生成财务报表或数据透视表
涉及Excel公式编写与验证
npx skills add mrgoonie/claudekit-skills --skill xlsx -g -y
指导创建具有独特设计感的生产级前端界面，避免通用AI美学。涵盖设计思维、排版、色彩、动效及空间布局，用于构建组件、页面或应用。
需要构建具有高审美质量的Web组件
请求生成独特的页面或应用程序代码
npx skills add mrgoonie/claudekit-skills --skill frontend-design -g -y
提供现代React应用开发指南，涵盖组件创建、功能构建、数据获取、路由配置及样式设计。规范使用Suspense、TanStack Query、MUI v7和TypeScript最佳实践，优化前端代码组织与性能。
创建新组件或页面
构建新功能模块
设置TanStack Router路由
使用MUI v7进行样式设计
前端代码性能优化
npx skills add mrgoonie/claudekit-skills --skill frontend-dev-guidelines -g -y
指导构建高质量MCP服务器，使LLM能通过设计良好的工具与外部服务交互。涵盖Agent中心设计原则、协议文档研究及Python/Node框架实现指南，旨在优化工具以支持AI代理完成实际工作流任务。
需要创建或开发MCP Server
将外部API集成到LLM应用中
优化AI Agent的工具调用设计
npx skills add mrgoonie/claudekit-skills --skill mcp-builder -g -y
管理MCP服务器，支持发现、分析和执行工具/提示/资源。提供多服务器管理、智能工具选择及上下文高效的能力发现，用于构建或调试MCP客户端集成。
需要发现MCP服务器的可用能力
根据任务需求筛选合适的MCP工具
以编程方式执行MCP工具或访问资源
构建或调试MCP客户端实现
npx skills add mrgoonie/claudekit-skills --skill mcp-management -g -y
使用 Mermaid.js v11 语法创建流程图、时序图等多种图表，支持 CLI 渲染和 JS 集成，用于技术文档、架构设计和项目规划。
需要生成技术图表或可视化流程图
将文本描述转换为 Mermaid 代码
编写包含架构图或时序图的文档
npx skills add mrgoonie/claudekit-skills --skill mermaidjs-v11 -g -y
集成SePay、Stripe等支付网关，支持Checkout、订阅管理、Webhook处理及多提供商订单。涵盖VietQR、全球SaaS订阅及软件授权场景。
支付网关集成
订阅管理
Webhook处理
npx skills add mrgoonie/claudekit-skills --skill payment-integration -g -y
一种通过强制无关概念碰撞（如将代码视为DNA）来激发创新思维的方法论。旨在打破常规，发现涌现属性，适用于需要突破性解决方案而非渐进式优化的场景。
遇到技术瓶颈，常规思路无效
需要突破性创新方案
陷入固有思维模式
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
一种架构设计思维技能，通过在极端规模（如10亿用户、毫秒到年）下测试系统，暴露常规尺度下隐藏的根本性缺陷与限制。用于提前验证算法复杂度、并发处理、状态管理及错误处理等核心设计的健壮性。
评估系统可扩展性
发现生产环境潜在瓶颈
架构早期验证
识别系统设计根本弱点
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
支持逐步推理、动态调整范围和分支探索的结构化问题解决技能，适用于复杂多阶段分析及范围不明确的任务。
需要多步逻辑推理的复杂问题
初始范围或方法不确定的任务
npx skills add mrgoonie/claudekit-skills --skill sequential-thinking -g -y
提供创建和优化 Claude Skills 的指导，包括结构规范、资源组织及最佳实践。用于构建扩展 AI 能力的模块化技能包。
需要创建新的 Claude Skill
优化或重构现有 Skill 的结构与内容
npx skills add mrgoonie/claudekit-skills --skill skill-creator -g -y
用于构建高性能3D Web应用，涵盖场景、动画、着色器、VR/XR及数据可视化等开发任务。
需要创建3D场景或模型
编写WebGL/WebGPU渲染逻辑
实现交互3D体验如游戏或配置器
处理PBR材质或自定义着色器
npx skills add mrgoonie/claudekit-skills --skill threejs -g -y
用于构建美观、可访问的用户界面，结合shadcn/ui组件库与Tailwind CSS进行样式设计，支持响应式布局、暗色模式及可视化设计生成。
构建React前端界面
使用Tailwind CSS编写样式
集成shadcn/ui组件
实现响应式布局
npx skills add mrgoonie/claudekit-skills --skill ui-styling -g -y
提供Web全栈测试能力，涵盖单元、集成、E2E、负载、安全及无障碍测试。支持Playwright、Vitest等工具，覆盖跨浏览器、移动端手势及性能优化，辅助测试自动化与质量保障。
执行前端单元测试或集成测试
进行端到端(E2E)自动化测试
检查网站可访问性(a11y)
执行性能基准或负载测试
npx skills add mrgoonie/claudekit-skills --skill web-testing -g -y
专注于创建高审美界面的技能，涵盖UI/UX设计、灵感分析、视觉层次与色彩理论应用。通过BEAUTIFUL、RIGHT、SATISFYING、PEAK四阶段框架，结合微交互与无障碍标准，生成符合美学的设计方案及文档。
构建用户界面
分析灵感网站设计
生成或评估设计图像
实现视觉层次与色彩理论
添加微交互效果
创建设计文档
npx skills add mrgoonie/claudekit-skills --skill aesthetic -g -y
基于 Google Gemini API 的多模态处理技能，支持音频转录与分析、图像理解与生成、视频分析、PDF 文档结构化提取及文本到图像生成，适用于多媒体内容理解和 AI 功能实现。
需要转录或分析音频文件
进行图像识别、OCR 或生成图片
分析长视频或 YouTube 链接
从 PDF 中提取表格和结构化数据
npx skills add mrgoonie/claudekit-skills --skill ai-multimodal -g -y
提供后端系统开发的全方位指导，涵盖API设计、认证授权、数据库优化、微服务架构及安全实践。支持Node.js/Python等主流技术栈，包含性能调优、测试策略及CI/CD部署监控，旨在构建生产级高可用后端应用。
设计REST或GraphQL API
实现用户认证与权限管理
优化数据库查询与缓存策略
构建微服务架构
配置CI/CD流水线
npx skills add mrgoonie/claudekit-skills --skill backend-development -g -y
提供基于TypeScript的Better Auth框架集成指南，涵盖安装、配置及多端适配。支持邮箱密码、OAuth社交登录、2FA/MFA、Passkey及RBAC权限控制，适用于构建安全认证系统。
实现用户认证功能
配置OAuth第三方登录
设置双因素认证或MFA
管理用户会话与权限
npx skills add mrgoonie/claudekit-skills --skill better-auth -g -y
规范代码评审实践，涵盖接收反馈、请求审查及验证门禁。强调技术严谨性，要求在提交或声明完成前进行证据验证，防止虚假完成声明，适用于子代理驱动开发和PR流程。
收到代码评审反馈
完成主要功能或重构后
准备声称测试通过或工作完成时
npx skills add mrgoonie/claudekit-skills --skill code-review -g -y
掌握AI智能体系统的上下文工程，涵盖架构设计、调试、令牌优化、记忆系统实现及多智能体协调。旨在通过最小化高信号令牌集，最大化推理质量并降低成本。
设计或调试智能体系统
上下文限制影响性能
优化成本与延迟
构建多智能体协作
实施记忆系统
评估智能体性能
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友好的单文件，支持远程仓库、格式转换、注释移除及Token计数。用于向LLM提供上下文、代码审查准备、安全审计、文档生成及Bug调查等场景。
需要为LLM提供代码库上下文
进行代码审查或Bug调查
执行安全审计
生成文档素材
npx skills add mrgoonie/claudekit-skills --skill repomix -g -y
Shopify开发指南，涵盖应用、扩展及主题构建。支持CLI工作流、GraphQL/REST API集成、Polaris UI组件使用、Liquid模板开发、OAuth认证、Webhook管理及计费API对接，适用于全栈电商功能定制。
构建Shopify应用或扩展
开发Shopify主题
集成Shopify API
自定义结账流程
npx skills add mrgoonie/claudekit-skills --skill shopify -g -y
提供基于Next.js、Turborepo和RemixIcon构建现代全栈Web应用的指南，涵盖单应用与Monorepo架构搭建、SSR/SSG实现及性能优化。
创建React全栈应用
设置Monorepo项目结构
配置Next.js服务端渲染
集成RemixIcon图标库
npx skills add mrgoonie/claudekit-skills --skill web-frameworks -g -y
该技能为通用模板，当前内容为占位符指令。需根据实际描述补充用途说明及触发场景，用于指导Agent在特定任务中执行相应操作。
npx skills add mrgoonie/claudekit-skills --skill template-skill -g -y
