Agent Skills
› mrgoonie/claudekit-skills
mrgoonie/claudekit-skills
GitHub基于 Puppeteer 的 Chrome DevTools 技能，支持浏览器自动化、截图、性能分析及网络监控。通过 CLI 脚本实现网页交互、数据抓取和调试，输出 JSON 便于解析。
Install All Skills
npx skills add mrgoonie/claudekit-skills --all -g -y
Skills in Collection (42)
基于 Puppeteer 的 Chrome DevTools 技能，支持浏览器自动化、截图、性能分析及网络监控。通过 CLI 脚本实现网页交互、数据抓取和调试，输出 JSON 便于解析。
需要自动化操作浏览器（如点击、填表）
需要截取网页或元素截图
需要分析页面性能指标或网络请求
需要在页面上执行 JavaScript 进行调试
npx skills add mrgoonie/claudekit-skills --skill chrome-devtools -g -y
MongoDB与PostgreSQL统一指南，涵盖选型、Schema设计、查询编写、性能优化、迁移及运维管理。
设计数据库模式或数据模型
编写SQL或MongoDB查询
优化索引和查询性能
执行数据库迁移
配置复制、分片或备份
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
测试失败或行为异常
需要确认修复有效
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 及安全检查。
部署应用到云平台
管理 Docker 容器
配置 Kubernetes 集群
设置 CI/CD 流水线
npx skills add mrgoonie/claudekit-skills --skill devops -g -y
通过llms.txt标准、GitHub仓库分析和并行探索，智能搜索并整理技术文档。适用于获取最新库文档、仓库分析及多源文档聚合。
需要查找特定库或框架的最新技术文档
请求分析GitHub仓库结构或内容
需要以llms.txt格式获取文档信息
npx skills add mrgoonie/claudekit-skills --skill docs-seeker -g -y
提供.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的幻灯片生成，涵盖内容修改、布局调整及备注管理等功能。
需要创建新的PPTX文件
需要修改或编辑现有演示文稿内容
需要分析PPTX的结构、样式或提取文本
npx skills add mrgoonie/claudekit-skills --skill pptx -g -y
处理Excel文件的创建、编辑与分析，支持公式计算、格式化及数据可视化。涵盖财务模型规范、模板复用及LibreOffice重算，确保零公式错误与专业格式标准。
需要创建或修改Excel文件
进行电子表格数据分析
检查或修复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/TypeScript前端开发指南，涵盖组件创建、功能构建、TanStack路由与查询集成、MUI样式及性能优化规范。
创建新组件或页面
构建新功能模块
设置前端路由
进行数据获取
前端代码组织与优化
npx skills add mrgoonie/claudekit-skills --skill frontend-dev-guidelines -g -y
指导创建高质量MCP服务器，使LLM能通过工具与外部服务交互。涵盖Agent中心设计原则、上下文优化及错误处理，支持Python和Node/TypeScript实现。
构建MCP服务器
集成外部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 集成渲染，用于技术文档、架构设计与项目规划。
需要创建流程图或架构图
生成技术文档中的可视化图表
将文本描述转换为 SVG/PNG 图片
npx skills add mrgoonie/claudekit-skills --skill mermaidjs-v11 -g -y
集成SePay、Stripe等支付网关，处理结账、订阅、Webhook及多提供商订单，支持越南市场及全球SaaS场景。
支付网关集成
订阅管理
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
通过识别跨3个以上领域的重复模式，提取通用原则以发现潜在应用。帮助避免重复造轮子，提升抽象思维与问题解决能力。
需要抽象通用设计模式时
发现多个领域存在相似解决方案时
尝试将某领域经验迁移到新场景时
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）自动匹配最合适的解决问题技巧，提升开发效率。
遇到代码逻辑复杂难以简化
常规方案无效需要创新思路
发现重复问题需模式识别
受限于固有假设无法突破
不确定方案在生产环境的可扩展性
代码出现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 的指导，定义技能结构、资源组织及元数据规范，旨在扩展 Agent 能力并实现模块化功能封装。
需要创建新的 Skill
优化现有 Skill 结构
编写 Skill 脚本或参考文档
npx skills add mrgoonie/claudekit-skills --skill skill-creator -g -y
用于构建高性能3D Web应用，涵盖场景、动画、着色器、VR/XR及性能优化。提供从入门到高级渲染的渐进式学习路径和快速启动代码。
创建3D场景或模型
编写WebGL/WebGPU着色器
开发VR/AR交互体验
实现3D数据可视化
加载GLTF/FBX等3D资产
npx skills add mrgoonie/claudekit-skills --skill threejs -g -y
用于构建美观、可访问的用户界面，结合shadcn/ui组件、Tailwind CSS样式及Canvas视觉设计。支持响应式布局、主题定制及可视化设计生成。
构建用户界面
实现可访问组件
使用Tailwind进行样式设计
创建响应式布局
定制主题或暗色模式
生成视觉设计稿
npx skills add mrgoonie/claudekit-skills --skill ui-styling -g -y
提供 Web 全栈测试能力，涵盖单元、集成、E2E、负载、安全及无障碍测试。支持 Playwright、Vitest、k6 等工具，适用于测试自动化、性能优化及质量保障。
需要编写或执行 Web 测试用例
进行 E2E、单元测试或负载测试
检查网页性能、可访问性或安全性
解决测试不稳定或回归问题
npx skills add mrgoonie/claudekit-skills --skill web-testing -g -y
用于创建美观界面的技能，涵盖UI/UX设计、灵感分析、图像生成及微交互实现。遵循BEAUTIFUL等四阶段框架，结合视觉层次与色彩理论，集成多模态工具进行迭代优化与设计文档编写。
构建用户界面
分析设计灵感网站
生成或评估设计图像
实施视觉层次与色彩理论
添加微交互效果
npx skills add mrgoonie/claudekit-skills --skill aesthetic -g -y
基于 Google Gemini API 的多模态处理技能，涵盖音视频分析、图像理解与生成、文档提取及结构化数据输出。支持长上下文窗口和多模型选择，适用于多媒体内容理解与生成任务。
需要转录音频或视频并获取时间戳
对图片进行 OCR、物体检测或视觉问答
从 PDF 等文档中提取表格和图表数据
根据文本提示生成或编辑图像
npx skills add mrgoonie/claudekit-skills --skill ai-multimodal -g -y
提供后端系统开发的全栈指南，涵盖API设计、认证、数据库优化、安全、微服务架构及DevOps实践。适用于构建生产级后端、优化性能或解决技术选型问题。
设计REST/GraphQL/gRPC API
实现身份验证与授权
优化数据库查询与缓存
构建微服务架构
配置CI/CD流水线
处理安全漏洞防护
npx skills add mrgoonie/claudekit-skills --skill backend-development -g -y
用于在TypeScript应用中实现认证与授权，支持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使用、构建记忆系统及多智能体协调。涵盖压缩策略、评估及工具设计。
设计或调试Agent系统
优化Token成本与延迟
构建多智能体协调机制
实现记忆系统
评估Agent性能
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提供上下文、代码审查准备、安全审计及文档生成等场景。
需要将代码库打包以提供给AI模型进行分析
创建代码快照以供LLM理解上下文
准备代码进行安全审计或第三方库分析
npx skills add mrgoonie/claudekit-skills --skill repomix -g -y
提供Shopify应用、扩展和主题的开发指南，涵盖CLI工具使用、GraphQL/REST API集成、Polaris UI组件及Liquid模板开发，支持App初始化、本地调试与部署全流程。
构建Shopify应用
开发Checkout或Admin扩展
Shopify主题定制
Shopify API数据管理
npx skills add mrgoonie/claudekit-skills --skill shopify -g -y
提供Next.js、Turborepo和RemixIcon的全栈Web开发指南，涵盖应用搭建、Monorepo配置、SSR/SSG实现及图标集成。
创建新的React全栈应用
搭建包含多个应用的Monorepo
配置服务器端渲染或静态生成
优化构建性能与缓存策略
集成UI图标库
npx skills add mrgoonie/claudekit-skills --skill web-frameworks -g -y
该模板技能内容为占位符，缺乏具体指令与描述，无法明确其实际用途、触发场景或任务领域。
npx skills add mrgoonie/claudekit-skills --skill template-skill -g -y
