Agent Skills
› mrgoonie/claudekit-skills
mrgoonie/claudekit-skills
GitHub基于 Puppeteer CLI 的浏览器自动化技能，支持页面导航、截图、表单填写及 JS 执行。提供网络监控、控制台日志分析及性能测试（Core Web Vitals）功能，自动压缩图片以适配大模型上下文限制，适用于前端调试与自动化测试。
Install All Skills
npx skills add mrgoonie/claudekit-skills --all -g -y
Skills in Collection (42)
基于 Puppeteer CLI 的浏览器自动化技能，支持页面导航、截图、表单填写及 JS 执行。提供网络监控、控制台日志分析及性能测试（Core Web Vitals）功能，自动压缩图片以适配大模型上下文限制，适用于前端调试与自动化测试。
需要自动化操作浏览器进行网页交互或数据采集
需要分析网页性能指标或监控网络请求
需要截取网页截图用于文档或调试
需要在浏览器环境中执行 JavaScript 代码
npx skills add mrgoonie/claudekit-skills --skill chrome-devtools -g -y
提供 MongoDB 和 PostgreSQL 的统一指南，涵盖选型建议、基础配置及核心操作。用于辅助数据库模式设计、查询编写、性能优化、迁移部署及生产环境管理，支持文档型与关系型数据库的综合开发任务。
需要选择 MongoDB 或 PostgreSQL 进行数据存储
编写 SQL 或 MongoDB 查询语句
设计数据库 Schema 或数据模型
优化数据库索引或查询性能
执行数据库迁移或备份恢复操作
npx skills add mrgoonie/claudekit-skills --skill databases -g -y
提出纵深防御验证原则，要求在数据流经的每一层（入口、业务逻辑、环境守卫、调试日志）添加校验，以彻底消除由无效数据引发的结构性缺陷。
修复因无效数据导致的Bug
设计API或核心功能的数据校验策略
审查代码以防止单点校验失效
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
测试失败或行为异常
需要定位深层堆栈错误
修复后需验证有效性
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等平台。涵盖Serverless、容器化、CI/CD流水线、GitOps工作流及安全审计等任务。
需要部署应用到云环境
管理Kubernetes集群或Helm图表
配置CI/CD流水线
进行容器化操作
npx skills add mrgoonie/claudekit-skills --skill devops -g -y
智能发现并分析技术文档，支持llms.txt标准、GitHub仓库分析及并行探索。适用于查找最新库文档、无llms.txt支持的站点及多源并行查询。
需要获取特定库或框架的最新官方文档
搜索符合llms.txt标准的AI友好型文档
分析GitHub仓库的技术实现细节
在缺乏直接文档链接时进行深度调研
npx skills add mrgoonie/claudekit-skills --skill docs-seeker -g -y
提供.docx文档的创建、编辑和分析能力，支持追踪更改、评论及格式保留。涵盖通过Pandoc提取文本、使用docx-js新建文档以及利用Python库进行OOXML操作等完整工作流。
需要创建新的Word文档
需要修改或编辑现有.docx文件内容
需要处理文档中的追踪更改或添加评论
需要从Word文档中提取文本或分析结构
npx skills add mrgoonie/claudekit-skills --skill docx -g -y
提供PDF处理指南，涵盖使用Python库进行文本提取、表格解析、文档创建、合并拆分及表单填写等操作。
需要提取PDF中的文本或表格数据
需要合并、拆分或旋转PDF文档
需要生成新的PDF文件
需要填充或处理PDF表单
npx skills add mrgoonie/claudekit-skills --skill pdf -g -y
用于创建、编辑和分析PPTX演示文稿。支持文本提取、XML底层操作（如注释、备注、布局）、基于HTML生成幻灯片及主题样式分析，覆盖演示文档的全生命周期处理。
用户需要创建新的PowerPoint演示文稿
用户要求修改或编辑现有PPTX文件内容
用户需要分析PPTX的元数据、备注或设计元素
npx skills add mrgoonie/claudekit-skills --skill pptx -g -y
用于Excel文件的创建、编辑与分析，支持公式计算、格式化及数据可视化。重点规范金融模型的色彩编码、数字格式及公式构建标准，确保零错误并保留原有模板样式。
需要创建新的Excel电子表格
读取或分析现有Excel数据
修改Excel文件中的公式或格式
npx skills add mrgoonie/claudekit-skills --skill xlsx -g -y
指导创建具有独特设计感的高质量前端界面，避免通用AI美学。适用于构建Web组件、页面或应用，强调大胆的美学方向、精细的排版、色彩与动效，产出生产级且视觉惊艳的代码。
需要构建独特的Web组件
要求生成高设计质量的页面或应用代码
npx skills add mrgoonie/claudekit-skills --skill frontend-design -g -y
提供现代React/TypeScript前端开发指南，涵盖组件创建、功能模块组织、TanStack路由与查询、MUI样式及性能优化等最佳实践。
创建新的React组件或页面
构建新功能模块
配置TanStack Router和Query
进行前端代码重构或优化
npx skills add mrgoonie/claudekit-skills --skill frontend-dev-guidelines -g -y
指导构建高质量MCP服务器，使LLM能通过工具与外部服务交互。涵盖Python和Node/TypeScript实现，强调以Agent为中心的设计原则、工作流优化及协议规范。
创建MCP服务器
集成外部API到LLM
开发AI Agent工具
npx skills add mrgoonie/claudekit-skills --skill mcp-builder -g -y
管理 MCP 服务器，支持能力发现、智能工具选择与程序化执行。通过子代理实现上下文高效的多服务器管理及客户端集成开发。
需要发现或列出 MCP 服务器的可用工具、提示词或资源
根据任务需求分析并选择最相关的 MCP 工具
以编程方式调用 MCP 工具或与 MCP 客户端进行集成开发
npx skills add mrgoonie/claudekit-skills --skill mcp-management -g -y
使用 Mermaid.js v11 语法创建流程图、时序图、架构图等可视化图表，支持 Markdown 嵌入、CLI 渲染及 JS API 集成，适用于技术文档、系统架构展示与项目规划。
生成流程图或时序图
绘制系统架构图
制作项目甘特图
数据库 ER 图设计
npx skills add mrgoonie/claudekit-skills --skill mermaidjs-v11 -g -y
集成SePay、Stripe、Paddle等支付网关，支持结账、订阅、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
通过极端规模测试（如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
根据开发卡点症状自动分派至对应问题解决技巧，涵盖复杂度、创新、模式识别、假设反转、规模评估及调试场景。
遇到代码难题无法推进
需要选择合适的问题解决方法
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 的指导，涵盖 SKILL.md 结构、资源管理及最佳实践，用于扩展 Agent 能力。
创建新的 Skill
更新或优化现有 Skill
编写 Skill 脚本或参考文档
npx skills add mrgoonie/claudekit-skills --skill skill-creator -g -y
用于构建高性能3D Web应用的技能，涵盖Three.js核心开发、场景渲染、动画、PBR材质、自定义着色器及VR/XR体验。提供从基础入门到高级WebGPU和性能优化的渐进式学习路径与参考文档。
需要创建或修改3D网页场景
实现WebGL/WebGPU图形渲染效果
开发3D游戏或产品配置器
编写自定义Shader或后处理特效
npx skills add mrgoonie/claudekit-skills --skill threejs -g -y
用于构建美观、可访问的用户界面，结合shadcn/ui组件、Tailwind CSS样式及Canvas视觉设计。支持响应式布局、主题定制、暗模式及复杂UI模式实现。
构建React用户界面
使用Tailwind CSS进行样式开发
创建可访问的UI组件
实现深色模式或主题定制
生成视觉设计稿
npx skills add mrgoonie/claudekit-skills --skill ui-styling -g -y
提供 Web 全栈测试指南，涵盖单元测试、E2E、集成、负载、安全及无障碍测试。支持 Playwright、Vitest、k6 等工具，包含测试金字塔策略、CI/CD 集成及性能优化建议，助力提升代码质量与发布稳定性。
需要编写或运行前端测试用例
配置 E2E 或自动化测试流程
进行性能、安全或无障碍审计
排查测试不稳定问题
npx skills add mrgoonie/claudekit-skills --skill web-testing -g -y
专注于创建美观界面的设计技能，涵盖UI/UX构建、灵感分析、视觉层级与色彩理论实施、微交互设计及无障碍标准遵循。提供从灵感捕获到迭代生成的系统化工作流，辅助打造高质量用户体验。
构建或设计用户界面
分析灵感网站的设计方案
生成和评估设计图像的美学质量
实现视觉层级、排版和色彩理论
添加微交互和动画效果
创建设计文档和样式指南
npx skills add mrgoonie/claudekit-skills --skill aesthetic -g -y
基于Google Gemini API的多模态处理技能，支持音频转录与分析、图像理解与生成、视频分析、PDF文档结构化提取及多模型配置，适用于多媒体内容处理场景。
处理音频或视频文件
分析图片或截图
从PDF提取数据
根据文本生成图片
npx skills add mrgoonie/claudekit-skills --skill ai-multimodal -g -y
提供生产级后端开发指导，涵盖API设计、认证鉴权、数据库优化、微服务架构及性能调优。支持Node.js/Python等主流技术栈，集成OWASP安全规范与CI/CD部署实践，助力构建高可用、可扩展的后端系统。
设计RESTful或GraphQL API
实现用户认证与授权系统
优化数据库查询与缓存策略
构建微服务架构
配置CI/CD流水线与部署
处理安全漏洞与性能瓶颈
npx skills add mrgoonie/claudekit-skills --skill backend-development -g -y
提供基于 Better Auth 的 TypeScript 身份认证与授权实现指南，涵盖邮箱密码、OAuth、2FA及会话管理，支持多框架集成。
需要添加用户认证功能
配置 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 Agent系统
上下文长度限制导致性能下降
需要优化Token使用成本和延迟
构建多智能体协作流程
实现Agent记忆系统
npx skills add mrgoonie/claudekit-skills --skill context-engineering -g -y
提供基于FFmpeg和ImageMagick的多媒体处理技能，涵盖音视频转码、格式转换、图像编辑及流媒体生成。适用于媒体文件优化、批量处理及硬件加速等场景。
视频或音频格式转换与编码
图像尺寸调整、裁剪及效果处理
从视频中提取音频或生成缩略图
创建HLS/DASH流媒体清单
多媒体文件的批量处理与优化
npx skills add mrgoonie/claudekit-skills --skill media-processing -g -y
将代码仓库打包为AI友好的单文件，支持多种格式、远程仓库处理及注释过滤，用于LLM上下文注入、代码审查、安全审计和文档生成。
需要将代码库打包供LLM分析
创建仓库快照以提供AI上下文
准备代码进行安全审计
生成文档所需的代码上下文
npx skills add mrgoonie/claudekit-skills --skill repomix -g -y
提供Shopify应用、扩展和主题开发的综合指南，涵盖CLI工具使用、GraphQL/REST API集成、Polaris UI组件及Liquid模板开发。
构建Shopify应用程序
开发Shopify主题
定制结账流程或管理后台UI
集成Shopify支付或订单API
npx skills add mrgoonie/claudekit-skills --skill shopify -g -y
提供Next.js、Turborepo和RemixIcon的全栈Web开发指南，涵盖单应用与Monorepo架构搭建、SSR/SSG实现及性能优化。
创建基于React的全栈Web应用
搭建JavaScript/TypeScript Monorepo项目
配置Next.js服务端渲染或静态生成
集成RemixIcon图标库
npx skills add mrgoonie/claudekit-skills --skill web-frameworks -g -y
该技能为通用模板，当前内容为占位符，未定义具体功能、触发场景或任务逻辑，无法用于实际执行。
npx skills add mrgoonie/claudekit-skills --skill template-skill -g -y
