[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"similar-mrgoonie--claudekit-skills":3,"tool-mrgoonie--claudekit-skills":62},[4,18,26,36,46,54],{"id":5,"name":6,"github_repo":7,"description_zh":8,"stars":9,"difficulty_score":10,"last_commit_at":11,"category_tags":12,"status":17},4358,"openclaw","openclaw\u002Fopenclaw","OpenClaw 是一款专为个人打造的本地化 AI 助手，旨在让你在自己的设备上拥有完全可控的智能伙伴。它打破了传统 AI 助手局限于特定网页或应用的束缚，能够直接接入你日常使用的各类通讯渠道，包括微信、WhatsApp、Telegram、Discord、iMessage 等数十种平台。无论你在哪个聊天软件中发送消息，OpenClaw 都能即时响应，甚至支持在 macOS、iOS 和 Android 设备上进行语音交互，并提供实时的画布渲染功能供你操控。\n\n这款工具主要解决了用户对数据隐私、响应速度以及“始终在线”体验的需求。通过将 AI 部署在本地，用户无需依赖云端服务即可享受快速、私密的智能辅助，真正实现了“你的数据，你做主”。其独特的技术亮点在于强大的网关架构，将控制平面与核心助手分离，确保跨平台通信的流畅性与扩展性。\n\nOpenClaw 非常适合希望构建个性化工作流的技术爱好者、开发者，以及注重隐私保护且不愿被单一生态绑定的普通用户。只要具备基础的终端操作能力（支持 macOS、Linux 及 Windows WSL2），即可通过简单的命令行引导完成部署。如果你渴望拥有一个懂你",349277,3,"2026-04-06T06:32:30",[13,14,15,16],"Agent","开发框架","图像","数据工具","ready",{"id":19,"name":20,"github_repo":21,"description_zh":22,"stars":23,"difficulty_score":10,"last_commit_at":24,"category_tags":25,"status":17},3808,"stable-diffusion-webui","AUTOMATIC1111\u002Fstable-diffusion-webui","stable-diffusion-webui 是一个基于 Gradio 构建的网页版操作界面，旨在让用户能够轻松地在本地运行和使用强大的 Stable Diffusion 图像生成模型。它解决了原始模型依赖命令行、操作门槛高且功能分散的痛点，将复杂的 AI 绘图流程整合进一个直观易用的图形化平台。\n\n无论是希望快速上手的普通创作者、需要精细控制画面细节的设计师，还是想要深入探索模型潜力的开发者与研究人员，都能从中获益。其核心亮点在于极高的功能丰富度：不仅支持文生图、图生图、局部重绘（Inpainting）和外绘（Outpainting）等基础模式，还独创了注意力机制调整、提示词矩阵、负向提示词以及“高清修复”等高级功能。此外，它内置了 GFPGAN 和 CodeFormer 等人脸修复工具，支持多种神经网络放大算法，并允许用户通过插件系统无限扩展能力。即使是显存有限的设备，stable-diffusion-webui 也提供了相应的优化选项，让高质量的 AI 艺术创作变得触手可及。",162132,"2026-04-05T11:01:52",[14,15,13],{"id":27,"name":28,"github_repo":29,"description_zh":30,"stars":31,"difficulty_score":32,"last_commit_at":33,"category_tags":34,"status":17},1381,"everything-claude-code","affaan-m\u002Feverything-claude-code","everything-claude-code 是一套专为 AI 编程助手（如 Claude Code、Codex、Cursor 等）打造的高性能优化系统。它不仅仅是一组配置文件，而是一个经过长期实战打磨的完整框架，旨在解决 AI 代理在实际开发中面临的效率低下、记忆丢失、安全隐患及缺乏持续学习能力等核心痛点。\n\n通过引入技能模块化、直觉增强、记忆持久化机制以及内置的安全扫描功能，everything-claude-code 能显著提升 AI 在复杂任务中的表现，帮助开发者构建更稳定、更智能的生产级 AI 代理。其独特的“研究优先”开发理念和针对 Token 消耗的优化策略，使得模型响应更快、成本更低，同时有效防御潜在的攻击向量。\n\n这套工具特别适合软件开发者、AI 研究人员以及希望深度定制 AI 工作流的技术团队使用。无论您是在构建大型代码库，还是需要 AI 协助进行安全审计与自动化测试，everything-claude-code 都能提供强大的底层支持。作为一个曾荣获 Anthropic 黑客大奖的开源项目，它融合了多语言支持与丰富的实战钩子（hooks），让 AI 真正成长为懂上",158594,2,"2026-04-16T23:34:05",[14,13,35],"语言模型",{"id":37,"name":38,"github_repo":39,"description_zh":40,"stars":41,"difficulty_score":42,"last_commit_at":43,"category_tags":44,"status":17},8272,"opencode","anomalyco\u002Fopencode","OpenCode 是一款开源的 AI 编程助手（Coding Agent），旨在像一位智能搭档一样融入您的开发流程。它不仅仅是一个代码补全插件，而是一个能够理解项目上下文、自主规划任务并执行复杂编码操作的智能体。无论是生成全新功能、重构现有代码，还是排查难以定位的 Bug，OpenCode 都能通过自然语言交互高效完成，显著减少开发者在重复性劳动和上下文切换上的时间消耗。\n\n这款工具专为软件开发者、工程师及技术研究人员设计，特别适合希望利用大模型能力来提升编码效率、加速原型开发或处理遗留代码维护的专业人群。其核心亮点在于完全开源的架构，这意味着用户可以审查代码逻辑、自定义行为策略，甚至私有化部署以保障数据安全，彻底打破了传统闭源 AI 助手的“黑盒”限制。\n\n在技术体验上，OpenCode 提供了灵活的终端界面（Terminal UI）和正在测试中的桌面应用程序，支持 macOS、Windows 及 Linux 全平台。它兼容多种包管理工具，安装便捷，并能无缝集成到现有的开发环境中。无论您是追求极致控制权的资深极客，还是渴望提升产出的独立开发者，OpenCode 都提供了一个透明、可信",144296,1,"2026-04-16T14:50:03",[13,45],"插件",{"id":47,"name":48,"github_repo":49,"description_zh":50,"stars":51,"difficulty_score":32,"last_commit_at":52,"category_tags":53,"status":17},2271,"ComfyUI","Comfy-Org\u002FComfyUI","ComfyUI 是一款功能强大且高度模块化的视觉 AI 引擎，专为设计和执行复杂的 Stable Diffusion 图像生成流程而打造。它摒弃了传统的代码编写模式，采用直观的节点式流程图界面，让用户通过连接不同的功能模块即可构建个性化的生成管线。\n\n这一设计巧妙解决了高级 AI 绘图工作流配置复杂、灵活性不足的痛点。用户无需具备编程背景，也能自由组合模型、调整参数并实时预览效果，轻松实现从基础文生图到多步骤高清修复等各类复杂任务。ComfyUI 拥有极佳的兼容性，不仅支持 Windows、macOS 和 Linux 全平台，还广泛适配 NVIDIA、AMD、Intel 及苹果 Silicon 等多种硬件架构，并率先支持 SDXL、Flux、SD3 等前沿模型。\n\n无论是希望深入探索算法潜力的研究人员和开发者，还是追求极致创作自由度的设计师与资深 AI 绘画爱好者，ComfyUI 都能提供强大的支持。其独特的模块化架构允许社区不断扩展新功能，使其成为当前最灵活、生态最丰富的开源扩散模型工具之一，帮助用户将创意高效转化为现实。",108322,"2026-04-10T11:39:34",[14,15,13],{"id":55,"name":56,"github_repo":57,"description_zh":58,"stars":59,"difficulty_score":32,"last_commit_at":60,"category_tags":61,"status":17},6121,"gemini-cli","google-gemini\u002Fgemini-cli","gemini-cli 是一款由谷歌推出的开源 AI 命令行工具，它将强大的 Gemini 大模型能力直接集成到用户的终端环境中。对于习惯在命令行工作的开发者而言，它提供了一条从输入提示词到获取模型响应的最短路径，无需切换窗口即可享受智能辅助。\n\n这款工具主要解决了开发过程中频繁上下文切换的痛点，让用户能在熟悉的终端界面内直接完成代码理解、生成、调试以及自动化运维任务。无论是查询大型代码库、根据草图生成应用，还是执行复杂的 Git 操作，gemini-cli 都能通过自然语言指令高效处理。\n\n它特别适合广大软件工程师、DevOps 人员及技术研究人员使用。其核心亮点包括支持高达 100 万 token 的超长上下文窗口，具备出色的逻辑推理能力；内置 Google 搜索、文件操作及 Shell 命令执行等实用工具；更独特的是，它支持 MCP（模型上下文协议），允许用户灵活扩展自定义集成，连接如图像生成等外部能力。此外，个人谷歌账号即可享受免费的额度支持，且项目基于 Apache 2.0 协议完全开源，是提升终端工作效率的理想助手。",100752,"2026-04-10T01:20:03",[45,13,15,14],{"id":63,"github_repo":64,"name":65,"description_en":66,"description_zh":67,"ai_summary_zh":67,"readme_en":68,"readme_zh":69,"quickstart_zh":70,"use_case_zh":71,"hero_image_url":72,"owner_login":73,"owner_name":74,"owner_avatar_url":75,"owner_bio":76,"owner_company":77,"owner_location":78,"owner_email":79,"owner_twitter":80,"owner_website":81,"owner_url":82,"languages":83,"stars":96,"forks":97,"last_commit_at":98,"license":99,"difficulty_score":42,"env_os":100,"env_gpu":100,"env_ram":100,"env_deps":101,"category_tags":104,"github_topics":99,"view_count":32,"oss_zip_url":99,"oss_zip_packed_at":99,"status":17,"created_at":105,"updated_at":106,"faqs":107,"releases":138},8212,"mrgoonie\u002Fclaudekit-skills","claudekit-skills","All powerful skills of ClaudeKit.cc!","claudekit-skills 是一套专为 Claude AI 设计的“智能技能库”，旨在将通用的 AI 助手转化为能精准执行复杂任务的专业代理。它通过预定义的任务简报、安全准则和集成提示，帮助开发者构建可靠的多步骤自动化工作流，有效解决了大模型在处理长上下文时容易出现的信息冗余（Context Bloat）及任务执行不稳定的痛点。\n\n这套工具特别适合软件开发者、AI 工程师及技术研究人员使用，尤其是那些需要构建后端系统、设计多智能体架构、处理多模态数据或实施高级身份验证的专业人士。其核心亮点在于模块化的技能目录，涵盖了从上下文工程优化、Google ADK 智能体开发，到多模态内容分析及企业级后端构建等广泛领域。此外，claudekit-skills 创新性地引入了插件市场机制，支持一键安装与自动更新，并搭配专用的子代理管理 MCP 资源，大幅降低了配置门槛与维护成本，让用户能更专注于业务逻辑而非环境搭建。","# ClaudeKit - Agent Skills\n\n[**Agent Skills**](https:\u002F\u002Fdocs.claude.com\u002Fen\u002Fdocs\u002Fagents-and-tools\u002Fagent-skills\u002Foverview) are specialized workflows that empower Claude to perform complex, multi-step tasks with precision and reliability. They combine mission briefs, guardrails, and integration hints to transform generic AI assistance into disciplined automation.\n\nLearn more about Agent Skills: https:\u002F\u002Fdocs.claude.com\u002Fen\u002Fdocs\u002Fagents-and-tools\u002Fagent-skills\u002Foverview\n\n## My other projects\n\n- [My Blog](https:\u002F\u002Fzuey.me)\n- [ClaudeKit](https:\u002F\u002Fclaudekit.cc)\n- [UI UX Pro Max Skill](https:\u002F\u002Fuupm.cc)\n- [GoClaw - OpenClaw for Enterprise](https:\u002F\u002Fgoclaw.sh)\n- [AgentWiki - Knowledge Base for both humans & AI agents](https:\u002F\u002Fagentwiki.cc)\n- [TOSE - The Outstanding Shipping Solution](https:\u002F\u002Ftose.sh)\n\n## 🎉 NEW [Dec 2025]: Claude Code Marketplace!\n\nClaudeKit Skills is now available as a **Plugin Marketplace** for seamless installation and automatic updates!\n\n```bash\n\u002Fplugin marketplace add mrgoonie\u002Fclaudekit-skills\n\u002Fplugin install ai-ml-tools@claudekit-skills\n```\n\nNo more manual git clones! Install and update skills with simple commands. See [Getting Started](#getting-started) for full installation guide.\n\n## Update [Nov 2025]: No more context bloat with \"mcp-manager\" subagent + \"mcp-management\" skills!\n\n![No more context bloat with \"mcp-manager\" subagent + \"mcp-management\" skills](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fmrgoonie_claudekit-skills_readme_1dad4a7d4358.jpeg)\n\n📖 Read more here: [MCP_MANAGEMENT.md](MCP_MANAGEMENT.md)\n\n## ✨ Skills just got refactored!\n\n📖 Read more here: [REFACTOR.md](REFACTOR.md)\n\n## Skills catalog\n\n### 🔐 Authentication & Security\n- **[better-auth](.claude\u002Fskills\u002Fbetter-auth)** - Comprehensive TypeScript authentication framework supporting email\u002Fpassword, OAuth, 2FA, passkeys, and multi-tenancy. Works with any framework (Next.js, Nuxt, SvelteKit, etc.).\n\n### 🤖 AI & Agent Development\n- **[context-engineering](.claude\u002Fskills\u002Fcontext-engineering)** - Master context engineering for AI agent systems. Covers context fundamentals, degradation patterns, optimization techniques (compaction, masking, caching), compression strategies, memory architectures, multi-agent patterns, LLM-as-Judge evaluation, tool design, and project development. Use when designing agent architectures, debugging context failures, optimizing token usage, implementing memory systems, or building multi-agent coordination.\n- **[google-adk-python](.claude\u002Fskills\u002Fgoogle-adk-python)** - Google's Agent Development Kit (ADK) for building AI agents with tool integration, multi-agent orchestration, workflow patterns (sequential, parallel, loop), and deployment to Vertex AI or custom infrastructure.\n\n### 💻 Backend Development\n- **[backend-development](.claude\u002Fskills\u002Fbackend-development)** - Build robust backend systems with modern technologies (Node.js, Python, Go, Rust), frameworks (NestJS, FastAPI, Django), databases (PostgreSQL, MongoDB, Redis), APIs (REST, GraphQL, gRPC), authentication (OAuth 2.1, JWT), testing strategies, security best practices (OWASP Top 10), performance optimization, scalability patterns (microservices, caching, sharding), DevOps practices (Docker, Kubernetes, CI\u002FCD), and monitoring. Use when designing APIs, implementing authentication, optimizing database queries, setting up CI\u002FCD pipelines, handling security vulnerabilities, building microservices, or developing production-ready backend systems.\n\n### 🧠 AI & Machine Learning\n- **[ai-multimodal](.claude\u002Fskills\u002Fai-multimodal)** - Process and generate multimedia content using Google Gemini API. Capabilities include analyze audio (transcription, summarization up to 9.5 hours), understand images (captioning, object detection, OCR, visual Q&A), process videos (scene detection, Q&A, temporal analysis, YouTube URLs up to 6 hours), extract from documents (PDF tables, forms, charts, diagrams), generate images (text-to-image, editing, composition). Supports Gemini 2.5\u002F2.0 with context windows up to 2M tokens.\n- **[context-engineering](.claude\u002Fskills\u002Fcontext-engineering)** - Master context engineering for AI agent systems. Use when designing agent architectures, debugging context failures, optimizing token usage, implementing memory systems, building multi-agent coordination, or evaluating agent performance. Covers context fundamentals, degradation patterns, optimization techniques (compaction, masking, caching), compression strategies, and memory architectures.\n\n### 🎨 Design & Aesthetics\n- **[aesthetic](.claude\u002Fskills\u002Faesthetic)** - Create aesthetically beautiful interfaces following proven design principles. Use when building UI\u002FUX, analyzing designs from inspiration sites, generating design images with ai-multimodal, implementing visual hierarchy and color theory, adding micro-interactions, or creating design documentation. Includes workflows for capturing and analyzing inspiration screenshots with chrome-devtools and ai-multimodal, iterative design image generation until aesthetic standards are met, and comprehensive design system guidance covering BEAUTIFUL (aesthetic principles), RIGHT (functionality\u002Faccessibility), SATISFYING (micro-interactions), and PEAK (storytelling) stages.\n\n### 🌐 Web Development\n- **[web-frameworks](.claude\u002Fskills\u002Fweb-frameworks)** - Build modern full-stack web applications with Next.js (App Router, Server Components, RSC, PPR, SSR, SSG, ISR), Turborepo (monorepo management, task pipelines, remote caching, parallel execution), and RemixIcon (3100+ SVG icons). Create React applications, implement server-side rendering, set up monorepos, optimize build performance, manage shared dependencies.\n- **[ui-styling](.claude\u002Fskills\u002Fui-styling)** - Create beautiful, accessible user interfaces with shadcn\u002Fui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs. Build design systems, create responsive layouts, add accessible components, customize themes, implement dark mode, generate visual designs and posters.\n- **[frontend-design](.claude\u002Fskills\u002Ffrontend-design)** - Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.\n- **[frontend-development](.claude\u002Fskills\u002Ffrontend-development)** - Frontend development guidelines for React\u002FTypeScript applications. Modern patterns including Suspense, lazy loading, useSuspenseQuery, file organization with features directory, MUI v7 styling, TanStack Router, performance optimization, and TypeScript best practices. Use when creating components, pages, features, fetching data, styling, routing, or working with frontend code.\n- **[threejs](.claude\u002Fskills\u002Fthreejs)** - Build 3D web apps with Three.js (WebGL\u002FWebGPU). Use for 3D scenes, animations, custom shaders, PBR materials, VR\u002FXR experiences, games, data visualizations, product configurators. Includes asset loading (GLTF, FBX, OBJ), post-processing effects, physics simulations, and performance optimization.\n\n### 🌐 Browser Automation & Testing\n- **[chrome-devtools](.claude\u002Fskills\u002Fchrome-devtools)** - Browser automation, debugging, and performance analysis using Puppeteer CLI scripts. Automate browsers, take screenshots, analyze performance, monitor network traffic, web scraping, and form automation.\n- **[web-testing](.claude\u002Fskills\u002Fweb-testing)** - Comprehensive web testing with Playwright, Vitest, k6. E2E\u002Funit\u002Fintegration\u002Fload\u002Fsecurity\u002Fvisual\u002Faccessibility testing. Use for test automation, flakiness mitigation, Core Web Vitals, mobile gestures, cross-browser testing.\n\n### ☁️ Cloud Platforms & DevOps\n- **[bunny](.claude\u002Fskills\u002Fbunny)** - Integrate with Bunny.net's cloud platform: CDN (Pull Zones, Edge Rules, Cache), Edge Storage (HTTP\u002FFTP, SDKs), Stream (video upload\u002Fencode\u002FDRM), DNS (Zones, DNSSEC, Scriptable DNS), Edge Scripting (JS\u002FTS at the edge), Shield (WAF, DDoS, Rate Limiting), Magic Containers (deploy\u002Fautoscale), Optimizer (dynamic images), Database (distributed SQLite), and AI Image Generation. Includes Terraform provider and token authentication.\n- **[devops](.claude\u002Fskills\u002Fdevops)** - Deploy and manage cloud infrastructure on Cloudflare (Workers, R2, D1, KV, Pages, Durable Objects, Browser Rendering), Docker containers, and Google Cloud Platform (Compute Engine, GKE, Cloud Run, App Engine, Cloud Storage). Deploy serverless functions to the edge, configure edge computing solutions, manage containers, set up CI\u002FCD pipelines, optimize cloud infrastructure costs.\n\n### 🗄️ Databases\n- **[databases](.claude\u002Fskills\u002Fdatabases)** - Work with MongoDB (document database, BSON documents, aggregation pipelines, Atlas cloud) and PostgreSQL (relational database, SQL queries, psql CLI, pgAdmin). Design database schemas, write queries and aggregations, optimize indexes, perform migrations, configure replication and sharding, implement backup and restore strategies.\n\n### 🛠️ Development Tools\n- **[claude-code](.claude\u002Fskills\u002Fclaude-code)** - Complete guide to Claude Code features: slash commands, hooks, plugins, MCP servers, agent skills, IDE integration, and enterprise deployment.\n- **[mcp-builder](.claude\u002Fskills\u002Fmcp-builder)** - Build high-quality MCP servers in Python (FastMCP) or TypeScript. Includes agent-centric design principles, evaluation harnesses, and best practices.\n- **[mcp-management](.claude\u002Fskills\u002Fmcp-management)** - Manage Model Context Protocol (MCP) servers - discover, analyze, and execute tools\u002Fprompts\u002Fresources from configured MCP servers. Use when working with MCP integrations, need to discover available MCP capabilities, filter MCP tools for specific tasks, execute MCP tools programmatically, access MCP prompts\u002Fresources, or implement MCP client functionality. Supports intelligent tool selection, multi-server management, and context-efficient capability discovery.\n- **[repomix](.claude\u002Fskills\u002Frepomix)** - Package entire repositories into single AI-friendly files (XML, Markdown, JSON). Perfect for codebase analysis, security audits, and LLM context generation.\n- **[media-processing](.claude\u002Fskills\u002Fmedia-processing)** - Process multimedia files with FFmpeg (video\u002Faudio encoding, conversion, streaming, filtering, hardware acceleration) and ImageMagick (image manipulation, format conversion, batch processing, effects, composition). Supports 100+ formats, hardware acceleration (NVENC, QSV), and complex filtergraphs.\n\n### 📚 Documentation & Research\n- **[docs-seeker](.claude\u002Fskills\u002Fdocs-seeker)** - Intelligent documentation discovery using llms.txt standard, GitHub repository analysis via Repomix, and parallel exploration agents for comprehensive coverage.\n\n### 🧪 Code Quality & Review\n- **[code-review](.claude\u002Fskills\u002Fcode-review)** - Use when receiving code review feedback (especially if unclear or technically questionable), when completing tasks or major features requiring review before proceeding, or before making any completion\u002Fsuccess claims. Essential for subagent-driven development, pull requests, and preventing false completion claims.\n\n### 🐛 Debugging & Quality\n- **[debugging\u002Fdefense-in-depth](.claude\u002Fskills\u002Fdebugging\u002Fdefense-in-depth)** - Validate at every layer data passes through. Make bugs structurally impossible with entry validation, business logic checks, environment guards, and debug logging.\n- **[debugging\u002Froot-cause-tracing](.claude\u002Fskills\u002Fdebugging\u002Froot-cause-tracing)** - Trace bugs backward through the call stack to find original triggers. Fix at the source, not the symptom.\n- **[debugging\u002Fsystematic-debugging](.claude\u002Fskills\u002Fdebugging\u002Fsystematic-debugging)** - Four-phase framework ensuring root cause investigation before fixes. Never jump to solutions.\n- **[debugging\u002Fverification-before-completion](.claude\u002Fskills\u002Fdebugging\u002Fverification-before-completion)** - Run verification commands and confirm output before claiming success. Evidence before claims, always.\n\n### 📄 Document Processing\n- **[document-skills\u002Fdocx](.claude\u002Fskills\u002Fdocument-skills\u002Fdocx)** - Create, edit, and analyze Word documents with tracked changes, comments, formatting preservation, and redlining workflows for professional documents.\n- **[document-skills\u002Fpdf](.claude\u002Fskills\u002Fdocument-skills\u002Fpdf)** - Extract text\u002Ftables, create PDFs, merge\u002Fsplit documents, fill forms. Uses pypdf and command-line tools for programmatic PDF processing.\n- **[document-skills\u002Fpptx](.claude\u002Fskills\u002Fdocument-skills\u002Fpptx)** - Create and edit PowerPoint presentations with layouts, speaker notes, comments, animations, and design elements.\n- **[document-skills\u002Fxlsx](.claude\u002Fskills\u002Fdocument-skills\u002Fxlsx)** - Build spreadsheets with formulas, formatting, data analysis, and visualization. Includes financial modeling standards and zero-error formula requirements.\n\n### 🛍️ E-commerce & Platforms\n- **[shopify](.claude\u002Fskills\u002Fshopify)** - Build Shopify apps, extensions, and themes using GraphQL\u002FREST APIs, Shopify CLI, Polaris UI. Includes checkout extensions, admin customization, Liquid templating, and Shopify Functions.\n\n### 💳 Payments & Billing\n- **[payment-integration](.claude\u002Fskills\u002Fpayment-integration)** - Comprehensive payment integration for SePay (Vietnamese VietQR\u002Fbank transfers), Polar (SaaS monetization with MoR), Stripe (global payments), Paddle (MoR subscriptions), and Creem.io (software licensing). Includes webhook verification, checkout helpers, subscription management, and usage-based billing.\n\n### 🧠 Problem-Solving Frameworks\n- **[problem-solving\u002Fcollision-zone-thinking](.claude\u002Fskills\u002Fproblem-solving\u002Fcollision-zone-thinking)** - Force unrelated concepts together to discover emergent properties. \"What if we treated X like Y?\"\n- **[problem-solving\u002Finversion-exercise](.claude\u002Fskills\u002Fproblem-solving\u002Finversion-exercise)** - Flip core assumptions to reveal hidden constraints and alternative approaches. \"What if the opposite were true?\"\n- **[problem-solving\u002Fmeta-pattern-recognition](.claude\u002Fskills\u002Fproblem-solving\u002Fmeta-pattern-recognition)** - Spot patterns appearing in 3+ domains to find universal principles worth extracting.\n- **[problem-solving\u002Fscale-game](.claude\u002Fskills\u002Fproblem-solving\u002Fscale-game)** - Test at extremes (1000x bigger\u002Fsmaller, instant\u002Fyear-long) to expose fundamental truths hidden at normal scales.\n- **[problem-solving\u002Fsimplification-cascades](.claude\u002Fskills\u002Fproblem-solving\u002Fsimplification-cascades)** - Find one insight that eliminates multiple components. \"If this is true, we don't need X, Y, or Z.\"\n- **[problem-solving\u002Fwhen-stuck](.claude\u002Fskills\u002Fproblem-solving\u002Fwhen-stuck)** - Dispatch to the right problem-solving technique based on your specific type of stuck-ness.\n\n### 🧠 Advanced Reasoning\n- **[sequential-thinking](.claude\u002Fskills\u002Fsequential-thinking)** - Use when complex problems require systematic step-by-step reasoning with ability to revise thoughts, branch into alternative approaches, or dynamically adjust scope. Ideal for multi-stage analysis, design planning, problem decomposition, or tasks with initially unclear scope.\n\n### 📊 Visualization & Diagramming\n- **[mermaidjs-v11](.claude\u002Fskills\u002Fmermaidjs-v11)** - Create diagrams and visualizations using Mermaid.js v11 syntax. Generate flowcharts, sequence diagrams, class diagrams, state diagrams, ER diagrams, Gantt charts, user journeys, timelines, architecture diagrams, or any of 24+ diagram types. Supports JavaScript API integration, CLI rendering to SVG\u002FPNG\u002FPDF, theming, configuration, and accessibility features. Essential for documentation, technical diagrams, project planning, system architecture, and visual communication.\n\n### 🔧 Meta Skills (from Anthropic)\n- **[skill-creator](.claude\u002Fskills\u002Fskill-creator)** - Guide for creating effective skills with specialized workflows, tool integrations, domain expertise, and bundled resources.\n\n## Getting started\n\n### 🚀 Marketplace Installation (Recommended)\n\nClaudeKit Skills is now available as a **Claude Code Plugin Marketplace** for seamless installation and automatic updates!\n\n```bash\n# Add marketplace\n\u002Fplugin marketplace add mrgoonie\u002Fclaudekit-skills\n\n# Install plugins you need\n\u002Fplugin install ai-ml-tools@claudekit-skills\n\u002Fplugin install web-dev-tools@claudekit-skills\n\u002Fplugin install devops-tools@claudekit-skills\n# ... and more!\n```\n\n**Available Plugin Categories:**\n- `ai-ml-tools` - AI and ML with Gemini API, context engineering\n- `web-dev-tools` - React, Next.js, Tailwind CSS\n- `devops-tools` - Cloudflare, Docker, GCP, Databases\n- `backend-tools` - Node.js, Python, Go, Authentication\n- `document-processing` - Word, PDF, PowerPoint, Excel\n- `debugging-tools` - Systematic debugging frameworks\n- `problem-solving-tools` - Advanced thinking techniques\n- `platform-tools` - Bunny.net, Shopify, payments (SePay, Polar, Stripe, Paddle, Creem), MCP management\n- `meta-tools` - Skill creation, code review\n- `media-tools` - FFmpeg, ImageMagick\n- `research-tools` - Documentation discovery\n- `specialized-tools` - Sequential thinking, diagrams\n\n📖 **Full installation guide:** [docs\u002FMARKETPLACE.md](docs\u002FMARKETPLACE.md)\n\n### 📦 Manual Installation (Legacy)\n\nFor users who prefer manual installation:\n\n```bash\ngit clone https:\u002F\u002Fgithub.com\u002Fmrgoonie\u002Fclaudekit-skills\ncp -r claudekit-skills\u002F.claude\u002F* \u002Fpath\u002Fto\u002Fyour\u002Fproject\u002F.claude\u002F\n```\n\n**Note:** Manual installation is deprecated. Marketplace installation is recommended for automatic updates and version management.\n\n### 🎯 Usage\n\n- **Select Skills**: After installation, Claude Code will automatically discover available skills\n- **Activate**: Skills are activated based on your task context\n- **Customize**: Edit skill instructions to match your processes and tools\n- **Execute**: Claude follows the skill's playbook while you supervise the diffs\n\n## Star History\n\n[![Star History Chart](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fmrgoonie_claudekit-skills_readme_a8aad3144846.png)](https:\u002F\u002Fwww.star-history.com\u002F#mrgoonie\u002Fclaudekit-skills&type=date&legend=top-left)\n\n## Extend beyond the free tier\nThis collection covers the essentials. If you need advanced regulated-industry skills, analytics dashboards, or tailored onboarding, explore the full ClaudeKit package at [ClaudeKit.cc](https:\u002F\u002Fclaudekit.cc). The commercial bundle stays subtle but unlocks deeper automation while keeping the same transparent workflow philosophy.\n\n**I've been spending 6+ months to dig into every aspect of Claude Code so you don't have to.**\n\n[![ClaudeKit Agent Skills](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fmrgoonie_claudekit-skills_readme_30834b79c8e6.png)](https:\u002F\u002Fclaudekit.cc)\n\nI've basically been sharing everything I learned about Claude Code on Substack: https:\u002F\u002Ffaafospecialist.substack.com\u002F\n\nSo if you find this collection useful, please consider supporting my product at [ClaudeKit.cc](https:\u002F\u002Fclaudekit.cc).\n\nThanks for your support! 🥰\n","# ClaudeKit - 代理技能\n\n[**代理技能**](https:\u002F\u002Fdocs.claude.com\u002Fen\u002Fdocs\u002Fagents-and-tools\u002Fagent-skills\u002Foverview) 是专门的工作流，使 Claude 能够以精确和可靠的方式执行复杂的多步骤任务。它们结合了任务简报、安全约束和集成提示，将通用的 AI 辅助转化为有条不紊的自动化流程。\n\n了解更多关于代理技能的信息：https:\u002F\u002Fdocs.claude.com\u002Fen\u002Fdocs\u002Fagents-and-tools\u002Fagent-skills\u002Foverview\n\n## 我的其他项目\n\n- [我的博客](https:\u002F\u002Fzuey.me)\n- [ClaudeKit](https:\u002F\u002Fclaudekit.cc)\n- [UI UX Pro Max 技能](https:\u002F\u002Fuupm.cc)\n- [GoClaw - 企业级 OpenClaw](https:\u002F\u002Fgoclaw.sh)\n- [AgentWiki - 人类与 AI 代理的知识库](https:\u002F\u002Fagentwiki.cc)\n- [TOSE - 杰出的物流解决方案](https:\u002F\u002Ftose.sh)\n\n## 🎉 新功能 [2025年12月]：Claude 代码市场！\n\nClaudeKit Skills 现在作为 **插件市场** 提供，支持无缝安装和自动更新！\n\n```bash\n\u002Fplugin marketplace add mrgoonie\u002Fclaudekit-skills\n\u002Fplugin install ai-ml-tools@claudekit-skills\n```\n\n无需再手动克隆仓库！只需使用简单命令即可安装和更新技能。完整安装指南请参阅 [入门指南](#getting-started)。\n\n## 更新 [2025年11月]：借助“mcp-manager”子代理和“mcp-management”技能，不再出现上下文膨胀问题！\n\n![借助“mcp-manager”子代理和“mcp-management”技能，不再出现上下文膨胀问题](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fmrgoonie_claudekit-skills_readme_1dad4a7d4358.jpeg)\n\n📖 更多信息请参见：[MCP_MANAGEMENT.md](MCP_MANAGEMENT.md)\n\n## ✨ 技能刚刚完成重构！\n\n📖 更多信息请参见：[REFACTOR.md](REFACTOR.md)\n\n## 技能目录\n\n### 🔐 认证与安全\n- **[better-auth](.claude\u002Fskills\u002Fbetter-auth)** - 全面的 TypeScript 认证框架，支持邮箱\u002F密码、OAuth、双因素认证、Passkey 以及多租户模式。可与任何框架（Next.js、Nuxt、SvelteKit 等）配合使用。\n\n### 🤖 AI 与代理开发\n- **[context-engineering](.claude\u002Fskills\u002Fcontext-engineering)** - 掌握 AI 代理系统的上下文工程。涵盖上下文基础、退化模式、优化技术（压缩、屏蔽、缓存）、压缩策略、内存架构、多代理模式、LLM 作为评判者的评估、工具设计以及项目开发。适用于设计代理架构、调试上下文故障、优化 Token 使用、实现内存系统或构建多代理协作时。\n\n- **[google-adk-python](.claude\u002Fskills\u002Fgoogle-adk-python)** - Google 的代理开发工具包（ADK），用于构建集成工具、进行多代理编排、实现工作流模式（顺序、并行、循环）以及部署到 Vertex AI 或自定义基础设施的 AI 代理。\n\n### 💻 后端开发\n- **[backend-development](.claude\u002Fskills\u002Fbackend-development)** - 使用现代技术（Node.js、Python、Go、Rust）、框架（NestJS、FastAPI、Django）、数据库（PostgreSQL、MongoDB、Redis）、API（REST、GraphQL、gRPC）、认证（OAuth 2.1、JWT）、测试策略、安全最佳实践（OWASP Top 10）、性能优化、可扩展性模式（微服务、缓存、分片）、DevOps 实践（Docker、Kubernetes、CI\u002FCD）以及监控，构建健壮的后端系统。适用于设计 API、实施认证、优化数据库查询、搭建 CI\u002FCD 流水线、处理安全漏洞、构建微服务或开发生产就绪的后端系统时。\n\n### 🧠 AI 与机器学习\n- **[ai-multimodal](.claude\u002Fskills\u002Fai-multimodal)** - 使用 Google Gemini API 处理和生成多媒体内容。功能包括分析音频（转录、摘要，最长可达 9.5 小时）、理解图像（标题生成、目标检测、OCR、视觉问答）、处理视频（场景检测、问答、时间序列分析，YouTube 视频最长可达 6 小时）、从文档中提取信息（PDF 表格、表单、图表、示意图）、生成图像（文本到图像、编辑、构图）。支持 Gemini 2.5\u002F2.0，上下文窗口可达 200 万 Token。\n  \n- **[context-engineering](.claude\u002Fskills\u002Fcontext-engineering)** - 掌握 AI 代理系统的上下文工程。适用于设计代理架构、调试上下文故障、优化 Token 使用、实现内存系统、构建多代理协作或评估代理性能时。涵盖上下文基础、退化模式、优化技术（压缩、屏蔽、缓存）、压缩策略和内存架构。\n\n### 🎨 设计与美学\n- **[aesthetic](.claude\u002Fskills\u002Faesthetic)** - 遵循成熟的设计原则，创建美观的界面。适用于构建 UI\u002FUX、分析灵感网站的设计、利用 ai-multimodal 生成设计图像、实施视觉层次和色彩理论、添加微交互或制作设计文档时。包含使用 Chrome 开发者工具和 ai-multimodal 捕捉及分析灵感截图、迭代生成设计图像直至达到美学标准，以及涵盖 BEAUTIFUL（美学原则）、RIGHT（功能性\u002F可访问性）、SATISFYING（微交互）和 PEAK（叙事）阶段的全面设计系统指导流程。\n\n### 🌐 网页开发\n- **[web-frameworks](.claude\u002Fskills\u002Fweb-frameworks)** - 使用 Next.js（App Router、Server Components、RSC、PPR、SSR、SSG、ISR）、Turborepo（单仓库管理、任务流水线、远程缓存、并行执行）和 RemixIcon（3100 多个 SVG 图标）构建现代化的全栈 Web 应用程序。创建 React 应用，实现服务器端渲染，搭建单仓库项目，优化构建性能，管理共享依赖。\n- **[ui-styling](.claude\u002Fskills\u002Fui-styling)** - 使用 shadcn\u002Fui 组件（基于 Radix UI + Tailwind 构建）、Tailwind CSS 工具优先样式以及基于 canvas 的视觉设计，打造美观且无障碍的用户界面。构建设计系统，创建响应式布局，添加无障碍组件，自定义主题，实现暗黑模式，生成视觉设计和海报。\n- **[frontend-design](.claude\u002Fskills\u002Ffrontend-design)** - 以高设计质量创建独特且适用于生产环境的前端界面。当用户要求构建 Web 组件、页面或应用程序时使用此技能。生成富有创意、精良的代码，避免千篇一律的 AI 风格。\n- **[frontend-development](.claude\u002Fskills\u002Ffrontend-development)** - React\u002FTypeScript 应用的前端开发指南。采用现代模式，包括 Suspense、懒加载、useSuspenseQuery、按功能目录组织文件、MUI v7 样式、TanStack Router、性能优化以及 TypeScript 最佳实践。在创建组件、页面、功能、获取数据、样式化、路由或处理前端代码时使用。\n- **[threejs](.claude\u002Fskills\u002Fthreejs)** - 使用 Three.js（WebGL\u002FWebGPU）构建 3D Web 应用。适用于 3D 场景、动画、自定义着色器、PBR 材质、VR\u002FXR 体验、游戏、数据可视化、产品配置器等。包含资源加载（GLTF、FBX、OBJ）、后处理效果、物理模拟和性能优化。\n\n### 🌐 浏览器自动化与测试\n- **[chrome-devtools](.claude\u002Fskills\u002Fchrome-devtools)** - 使用 Puppeteer CLI 脚本进行浏览器自动化、调试和性能分析。可实现浏览器自动化、截图、性能分析、网络流量监控、网页抓取和表单自动化。\n- **[web-testing](.claude\u002Fskills\u002Fweb-testing)** - 使用 Playwright、Vitest 和 k6 进行全面的 Web 测试。涵盖端到端测试、单元测试、集成测试、负载测试、安全测试、视觉测试和无障碍测试。适用于测试自动化、减少测试不稳定、Core Web Vitals 分析、移动手势操作和跨浏览器测试。\n\n### ☁️ 云平台与 DevOps\n- **[bunny](.claude\u002Fskills\u002Fbunny)** - 与 Bunny.net 云平台集成：CDN（拉取区域、边缘规则、缓存）、边缘存储（HTTP\u002FFTP、SDK）、流媒体（视频上传\u002F编码\u002FDRM）、DNS（区域、DNSSEC、可编程 DNS）、边缘脚本（JS\u002FTS 在边缘执行）、Shield（WAF、DDoS、速率限制）、Magic Containers（部署\u002F自动扩展）、Optimizer（动态图片）、数据库（分布式 SQLite）以及 AI 图像生成。包含 Terraform 提供程序和令牌认证。\n- **[devops](.claude\u002Fskills\u002Fdevops)** - 在 Cloudflare（Workers、R2、D1、KV、Pages、Durable Objects、浏览器渲染）、Docker 容器以及 Google Cloud Platform（Compute Engine、GKE、Cloud Run、App Engine、Cloud Storage）上部署和管理云基础设施。将无服务器函数部署到边缘，配置边缘计算解决方案，管理容器，设置 CI\u002FCD 流水线，优化云基础设施成本。\n\n### 🗄️ 数据库\n- **[databases](.claude\u002Fskills\u002Fdatabases)** - 操作 MongoDB（文档数据库、BSON 文档、聚合管道、Atlas 云）和 PostgreSQL（关系型数据库、SQL 查询、psql CLI、pgAdmin）。设计数据库模式，编写查询和聚合，优化索引，执行迁移，配置复制和分片，实施备份与恢复策略。\n\n### 🛠️ 开发工具\n- **[claude-code](.claude\u002Fskills\u002Fclaude-code)** - Claude Code 功能的完整指南：斜杠命令、钩子、插件、MCP 服务器、代理技能、IDE 集成和企业级部署。\n- **[mcp-builder](.claude\u002Fskills\u002Fmcp-builder)** - 使用 Python（FastMCP）或 TypeScript 构建高质量的 MCP 服务器。包含以代理为中心的设计原则、评估框架和最佳实践。\n- **[mcp-management](.claude\u002Fskills\u002Fmcp-management)** - 管理模型上下文协议（MCP）服务器——发现、分析并执行已配置 MCP 服务器中的工具\u002F提示\u002F资源。在使用 MCP 集成、需要发现可用的 MCP 能力、为特定任务筛选 MCP 工具、以编程方式执行 MCP 工具、访问 MCP 提示\u002F资源或实现 MCP 客户端功能时使用。支持智能工具选择、多服务器管理以及高效发现上下文相关能力。\n- **[repomix](.claude\u002Fskills\u002Frepomix)** - 将整个代码库打包成单一的 AI 友好文件（XML、Markdown、JSON）。非常适合代码库分析、安全审计和 LLM 上下文生成。\n- **[media-processing](.claude\u002Fskills\u002Fmedia-processing)** - 使用 FFmpeg（视频\u002F音频编码、转换、流媒体、滤镜、硬件加速）和 ImageMagick（图像处理、格式转换、批量处理、特效、合成）处理多媒体文件。支持 100 多种格式、硬件加速（NVENC、QSV）和复杂的滤镜图。\n\n### 📚 文档与研究\n- **[docs-seeker](.claude\u002Fskills\u002Fdocs-seeker)** - 利用 llms.txt 标准、通过 Repomix 分析 GitHub 仓库以及并行探索代理，实现智能化的文档发现。\n\n### 🧪 代码质量与评审\n- **[code-review](.claude\u002Fskills\u002Fcode-review)** - 在收到代码评审反馈时使用（尤其是当反馈不明确或存在技术疑问时），在完成需要评审的任务或重大功能后再继续推进之前，或者在做出任何完成或成功的声明之前使用。对于子代理驱动的开发、Pull Request 以及防止虚假完成声明至关重要。\n\n### 🐛 调试与质量\n- **[debugging\u002Fdefense-in-depth](.claude\u002Fskills\u002Fdebugging\u002Fdefense-in-depth)** - 在数据经过的每一层都进行验证。通过输入验证、业务逻辑检查、环境防护和调试日志记录，从根本上杜绝 bug 的产生。\n- **[debugging\u002Froot-cause-tracing](.claude\u002Fskills\u002Fdebugging\u002Froot-cause-tracing)** - 沿着调用栈反向追踪 bug，找到最初的触发点。从源头解决问题，而不是治标不治本。\n- **[debugging\u002Fsystematic-debugging](.claude\u002Fskills\u002Fdebugging\u002Fsystematic-debugging)** - 四阶段框架确保在修复前先调查根本原因。绝不贸然采取解决方案。\n- **[debugging\u002Fverification-before-completion](.claude\u002Fskills\u002Fdebugging\u002Fverification-before-completion)** - 在声称成功之前运行验证命令并确认输出。始终以证据为基础，而非仅凭主观判断。\n\n### 📄 文档处理\n- **[document-skills\u002Fdocx](.claude\u002Fskills\u002Fdocument-skills\u002Fdocx)** - 创建、编辑和分析 Word 文档，支持修订跟踪、批注、格式保留以及适用于专业文档的标记审阅工作流。\n- **[document-skills\u002Fpdf](.claude\u002Fskills\u002Fdocument-skills\u002Fpdf)** - 提取文本\u002F表格、创建 PDF、合并\u002F拆分文档、填写表单。使用 pypdf 和命令行工具实现程序化 PDF 处理。\n- **[document-skills\u002Fpptx](.claude\u002Fskills\u002Fdocument-skills\u002Fpptx)** - 创建和编辑 PowerPoint 演示文稿，支持版式、演讲者备注、批注、动画及设计元素。\n- **[document-skills\u002Fxlsx](.claude\u002Fskills\u002Fdocument-skills\u002Fxlsx)** - 构建包含公式、格式设置、数据分析和可视化功能的电子表格。遵循财务建模标准，并满足零错误公式的要求。\n\n### 🛍️ 电子商务与平台\n- **[shopify](.claude\u002Fskills\u002Fshopify)** - 使用 GraphQL\u002FREST API、Shopify CLI 和 Polaris UI 构建 Shopify 应用、扩展和主题。涵盖结账扩展、后台自定义、Liquid 模板以及 Shopify Functions。\n\n### 💳 支付与计费\n- **[payment-integration](.claude\u002Fskills\u002Fpayment-integration)** - 全面的支付集成方案，支持 SePay（越南 VietQR\u002F银行转账）、Polar（SaaS 按使用量付费）、Stripe（全球支付）、Paddle（按使用量订阅）和 Creem.io（软件许可）。包括 Webhook 验证、结账辅助工具、订阅管理及基于用量的计费功能。\n\n### 🧠 解决问题框架\n- **[problem-solving\u002Fcollision-zone-thinking](.claude\u002Fskills\u002Fproblem-solving\u002Fcollision-zone-thinking)** - 将不相关的概念强行结合，以发现涌现特性。“如果我们把 X 当成 Y 来处理会怎样？”\n- **[problem-solving\u002Finversion-exercise](.claude\u002Fskills\u002Fproblem-solving\u002Finversion-exercise)** - 颠倒核心假设，揭示隐藏的约束与替代方案。“如果相反的情况成立呢？”\n- **[problem-solving\u002Fmeta-pattern-recognition](.claude\u002Fskills\u002Fproblem-solving\u002Fmeta-pattern-recognition)** - 在 3 个或更多领域中寻找模式，提炼出普适性原则。\n- **[problem-solving\u002Fscale-game](.claude\u002Fskills\u002Fproblem-solving\u002Fscale-game)** - 通过极端场景测试（放大或缩小 1000 倍、即时或历时一年），揭示在常规尺度下难以察觉的根本规律。\n- **[problem-solving\u002Fsimplification-cascades](.claude\u002Fskills\u002Fproblem-solving\u002Fsimplification-cascades)** - 寻找一个洞察力，从而消除多个组件。“如果这一点成立，我们就不再需要 X、Y 或 Z。”\n- **[problem-solving\u002Fwhen-stuck](.claude\u002Fskills\u002Fproblem-solving\u002Fwhen-stuck)** - 根据你陷入的具体困境，选择合适的问题解决技巧。\n\n### 🧠 高级推理\n- **[sequential-thinking](.claude\u002Fskills\u002Fsequential-thinking)** - 适用于需要系统性逐步推理的复杂问题，具备修正思路、分支探索替代方案或动态调整范围的能力。非常适合多阶段分析、设计规划、问题分解，以及初始范围尚不明确的任务。\n\n### 📊 可视化与图表绘制\n- **[mermaidjs-v11](.claude\u002Fskills\u002Fmermaidjs-v11)** - 使用 Mermaid.js v11 语法创建图表和可视化内容。可生成流程图、序列图、类图、状态图、ER 图、甘特图、用户旅程图、时间线、架构图等 24 种以上类型的图表。支持 JavaScript API 集成、CLI 渲染为 SVG\u002FPNG\u002FPDF、主题定制、配置选项及无障碍功能。是编写文档、制作技术图表、规划项目、设计系统架构以及进行视觉沟通的必备工具。\n\n### 🔧 元技能（来自 Anthropic）\n- **[skill-creator](.claude\u002Fskills\u002Fskill-creator)** - 指南，用于创建高效技能，包含专业化工作流、工具集成、领域专业知识及配套资源。\n\n## 开始使用\n\n### 🚀 推荐：市场安装\nClaudeKit Skills 现已上线 **Claude Code 插件市场**，支持无缝安装与自动更新！\n\n```bash\n# 添加插件市场\n\u002Fplugin marketplace add mrgoonie\u002Fclaudekit-skills\n\n# 安装所需插件\n\u002Fplugin install ai-ml-tools@claudekit-skills\n\u002Fplugin install web-dev-tools@claudekit-skills\n\u002Fplugin install devops-tools@claudekit-skills\n# … 还有更多！\n```\n\n**可用插件分类：**\n- `ai-ml-tools` - AI 和 ML，支持 Gemini API、上下文工程\n- `web-dev-tools` - React、Next.js、Tailwind CSS\n- `devops-tools` - Cloudflare、Docker、GCP、数据库\n- `backend-tools` - Node.js、Python、Go、身份验证\n- `document-processing` - Word、PDF、PowerPoint、Excel\n- `debugging-tools` - 系统化调试框架\n- `problem-solving-tools` - 高级思维方法\n- `platform-tools` - Bunny.net、Shopify、支付（SePay、Polar、Stripe、Paddle、Creem）、MCP 管理\n- `meta-tools` - 技能创建、代码审查\n- `media-tools` - FFmpeg、ImageMagick\n- `research-tools` - 文档发现\n- `specialized-tools` - 顺序思维、图表绘制\n\n📖 **完整安装指南：** [docs\u002FMARKETPLACE.md](docs\u002FMARKETPLACE.md)\n\n### 📦 手动安装（旧版）\n对于偏好手动安装的用户：\n\n```bash\ngit clone https:\u002F\u002Fgithub.com\u002Fmrgoonie\u002Fclaudekit-skills\ncp -r claudekit-skills\u002F.claude\u002F* \u002Fpath\u002Fto\u002Fyour\u002Fproject\u002F.claude\u002F\n```\n\n**注意：** 手动安装方式已弃用。建议使用插件市场进行安装，以便享受自动更新和版本管理功能。\n\n### 🎯 使用方法\n- **选择技能**：安装完成后，Claude Code 会自动发现可用技能。\n- **激活**：技能将根据你的任务情境自动启用。\n- **定制**：可根据自身流程和工具调整技能指令。\n- **执行**：Claude 将按照技能手册执行操作，同时你可监督变更差异。\n\n## 星标历史\n[![星标历史图表](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fmrgoonie_claudekit-skills_readme_a8aad3144846.png)](https:\u002F\u002Fwww.star-history.com\u002F#mrgoonie\u002Fclaudekit-skills?type=date&legend=top-left)\n\n## 超越免费层级\n本集合涵盖了基础功能。若需高级监管行业技能、分析仪表盘或定制化引导流程，请访问 [ClaudeKit.cc](https:\u002F\u002Fclaudekit.cc) 查看完整的 ClaudeKit 套件。商业版保持简洁，同时解锁更深层次的自动化，且延续透明的工作流理念。\n\n**我已投入 6 个多月深入研究 Claude Code 的方方面面，只为让你无需再费心。**\n\n[![ClaudeKit Agent Skills](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fmrgoonie_claudekit-skills_readme_30834b79c8e6.png)](https:\u002F\u002Fclaudekit.cc)\n\n基本上，我在 Substack 上分享了所有关于 Claude Code 的学习心得：https:\u002F\u002Ffaafospecialist.substack.com\u002F\n\n因此，如果你觉得这套工具集对你有所帮助，请考虑支持我的产品：[ClaudeKit.cc](https:\u002F\u002Fclaudekit.cc)。\n\n感谢你的支持！ 🥰","# ClaudeKit Skills 快速上手指南\n\nClaudeKit Skills 是一套专为 Claude AI 代理设计的技能库，通过预定义的任务简报、安全护栏和集成提示，将通用 AI 辅助转化为纪律严明的自动化工作流。它涵盖了从后端开发、AI 工程化到云运维的全栈能力。\n\n## 环境准备\n\n在开始之前，请确保您的开发环境满足以下要求：\n\n*   **操作系统**：macOS, Linux 或 Windows (WSL2 推荐)。\n*   **核心工具**：已安装并配置好 **Claude Code** CLI 工具。\n*   **网络环境**：由于部分技能依赖 GitHub 资源或外部 API（如 Google Gemini, Bunny.net），请确保网络连接通畅。若在国内访问 GitHub 受限，建议配置加速代理或使用国内镜像源。\n*   **前置依赖**：根据您计划使用的具体技能（如 `backend-development` 或 `ai-multimodal`），可能需要预先安装 Node.js, Python, FFmpeg 或 Docker 等运行时环境。\n\n## 安装步骤\n\n自 2025 年 12 月更新后，ClaudeKit Skills 已支持通过 **Plugin Marketplace** 进行一键安装和自动更新，无需手动克隆 Git 仓库。\n\n请在终端中运行以下命令：\n\n```bash\n# 1. 添加插件市场源\n\u002Fplugin marketplace add mrgoonie\u002Fclaudekit-skills\n\n# 2. 安装技能包\n\u002Fplugin install ai-ml-tools@claudekit-skills\n```\n\n安装完成后，技能库将自动集成到您的 Claude Code 环境中，后续可通过 `\u002Fplugin update` 命令获取最新功能。\n\n## 基本使用\n\n安装成功后，您可以在与 Claude 交互时直接调用特定技能。只需在对话中明确提及技能名称或描述相关任务场景，Claude 会自动加载对应的上下文和工作流。\n\n### 使用示例\n\n**场景 1：构建高质量前端界面**\n当您希望创建一个具有独特设计感的生产级前端页面时，可以直接指示：\n\n```text\n请使用 frontend-design 技能帮我构建一个带有深色模式的 SaaS 仪表盘首页，要求代码避免通用的 AI 审美风格。\n```\n*系统将自动应用 `frontend-design` 技能中的设计原则和代码规范。*\n\n**场景 2：调试复杂 Bug**\n当遇到难以定位的错误时，调用系统化调试技能：\n\n```text\n启动 debugging\u002Fsystematic-debugging 技能，分析这个报错日志，不要直接给出修复方案，先执行四阶段框架找出根本原因。\n```\n\n**场景 3：管理 MCP 服务器**\n如果您需要发现或执行已配置的 MCP 工具：\n\n```text\n使用 mcp-management 技能列出当前可用的 MCP 工具，并帮我执行数据查询任务。\n```\n\n**场景 4：多媒体处理**\n利用多模态能力分析视频或生成图片：\n\n```text\n调用 ai-multimodal 技能，分析这个 YouTube 视频链接（时长\u003C6 小时），提取关键场景并生成总结。\n```\n\n通过这种方式，您可以将复杂的开发任务转化为精准的指令，让 Claude 像资深工程师一样执行标准化流程。","某初创团队的技术负责人正带领小组紧急开发一个支持多模态输入（如上传视频分析、文档提取）并具备严格身份验证的 AI 智能体平台。\n\n### 没有 claudekit-skills 时\n- **多模态处理碎片化**：开发者需手动查阅 Google Gemini API 文档来拼接音频转录、视频场景检测及 PDF 表格提取的代码，极易出错且耗时。\n- **上下文严重膨胀**：随着对话深入，Agent 因缺乏有效的记忆压缩和屏蔽机制，导致 Token 消耗过快，长任务中频繁出现“失忆”或逻辑断层。\n- **安全架构重复造轮子**：每次新项目都要重新设计 OAuth 2.1、JWT 及多租户隔离逻辑，难以快速达到生产级的安全标准。\n- **工作流缺乏规范**：AI 生成的代码风格不一，缺少统一的代理协作模式和错误处理护栏，导致后期维护成本极高。\n\n### 使用 claudekit-skills 后\n- **一键调用多模态能力**：直接激活 `ai-multimodal` 技能，Claude 即可精准执行长达 6 小时的视频分析、9.5 小时音频摘要及复杂文档数据提取，无需手动编写底层 API 调用。\n- **智能上下文管理**：通过 `context-engineering` 技能自动实施记忆压缩、掩码和缓存策略，配合 `mcp-manager` 子代理，彻底解决上下文冗余问题，确保长程任务稳定运行。\n- **内置企业级认证框架**：调用 `better-auth` 技能瞬间生成支持邮箱、OAuth、2FA 及通行密钥的完整 TypeScript 认证系统，完美适配 Next.js 等主流框架。\n- **标准化代理工作流**：利用预定义的使命简报和护栏，将通用 AI 助手转化为纪律严明的自动化代理，确保从后端构建到多智能体协调均符合最佳实践。\n\nclaudekit-skills 通过将复杂的工程模式封装为可插拔的技能插件，让开发者从繁琐的底层实现中解放出来，专注于核心业务逻辑的快速交付。","https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fmrgoonie_claudekit-skills_ef4f682f.png","mrgoonie","Duy \u002Fzuey\u002F","https:\u002F\u002Foss.gittoolsai.com\u002Favatars\u002Fmrgoonie_4baa94e7.jpg","CEO\u002FCTO @ wearetopgroup.com 🇻🇳\r\nFounder of GoClaw.sh, ClaudeKit.cc, IndieBoosting.com, GitRace.dev & DxUp.dev 🚀","@digitopvn ","Vietnam","duy@wearetopgroup.com","goon_nguyen","https:\u002F\u002Flinktr.ee\u002Fgoonnguyen","https:\u002F\u002Fgithub.com\u002Fmrgoonie",[84,88,92],{"name":85,"color":86,"percentage":87},"Python","#3572A5",87.1,{"name":89,"color":90,"percentage":91},"JavaScript","#f1e05a",12.1,{"name":93,"color":94,"percentage":95},"Shell","#89e051",0.8,1986,396,"2026-04-15T17:54:41",null,"未说明",{"notes":102,"python":100,"dependencies":103},"该工具是 Claude Code 的插件（Agent Skills），主要通过 '\u002Fplugin' 命令在 Claude Code 环境中安装和使用，而非独立的本地运行程序。其功能依赖于宿主环境（如 Node.js、Python、FFmpeg、ImageMagick 等）来执行具体任务（如后端开发、多媒体处理、浏览器自动化等）。部分技能（如 ai-multimodal）调用外部 API（Google Gemini），不依赖本地 GPU 推理。",[100],[13,45],"2026-03-27T02:49:30.150509","2026-04-17T08:26:04.499237",[108,113,118,123,128,133],{"id":109,"question_zh":110,"answer_zh":111,"source_url":112},36745,"通过 Marketplace 安装插件后，为什么在 \u002Fskills 目录下看不到已安装的技能？它们是否仍然生效？","这是因为单个 plugin.json 文件中缺少 \"skills\" 数组，导致 Claude Code 无法发现 SKILL.md 文件。解决方法是在每个 plugin.json 中添加 \"skills\" 字段，明确列出技能路径。例如：\n{\n  \"name\": \"problem-solving-tools\",\n  \"description\": \"高级问题解决技巧...\",\n  \"version\": \"1.0.0\",\n  \"skills\": [\".\u002Fskills\u002Fproblem-solving\"]\n}\n参考正常工作的插件（如 anthropic-agent-skills），其 marketplace.json 中正确注册了 skills 数组。","https:\u002F\u002Fgithub.com\u002Fmrgoonie\u002Fclaudekit-skills\u002Fissues\u002F11",{"id":114,"question_zh":115,"answer_zh":116,"source_url":117},36746,"多个技能在功能描述上存在重叠（如前端样式），Claude 该如何选择使用哪个技能？","维护者确认这是测试期间的临时状态。目前 \"frontend-design\" 技能表现最佳，其他重叠技能正在整理中。用户现阶段可优先使用 frontend-design 技能，后续版本将优化技能分类以减少冲突。","https:\u002F\u002Fgithub.com\u002Fmrgoonie\u002Fclaudekit-skills\u002Fissues\u002F2",{"id":119,"question_zh":120,"answer_zh":121,"source_url":122},36747,"如何在 chrome-devtools 技能中保持浏览器会话持久化，以便在多步操作中维持登录状态或页面上下文？","该功能已通过 PR #7 合并。更新后的脚本支持启动持久化 Chrome 会话，允许 Agent 在同一页面进行多次操作（如先认证再执行任务）。请确保拉取最新代码以启用此功能。","https:\u002F\u002Fgithub.com\u002Fmrgoonie\u002Fclaudekit-skills\u002Fissues\u002F8",{"id":124,"question_zh":125,"answer_zh":126,"source_url":127},36748,"运行 mcp-management 的 'Test Connection' 时报错 ENOENT 或 ERR_MODULE_NOT_FOUND，如何解决？","错误通常由路径配置不当引起。请检查：\n1. 确保 .mcp.json 文件存在于正确路径（不应在 scripts 子目录内嵌套 .claude 文件夹）\n2. 运行命令时应从技能根目录执行：`npx ts-node scripts\u002Fcli.ts list-tools`\n3. 若仍报错，检查 TypeScript 编译输出，确保 mcp-client.js 已生成。必要时手动创建缺失的配置文件或调整导入路径。","https:\u002F\u002Fgithub.com\u002Fmrgoonie\u002Fclaudekit-skills\u002Fissues\u002F5",{"id":129,"question_zh":130,"answer_zh":131,"source_url":132},36749,"访问 https:\u002F\u002Fclaudekit.cc\u002F 时遇到 SSL 错误或被 ISP 拦截，怎么办？","部分用户反馈该问题与特定 ISP 有关，尝试使用 VPN 可正常访问。若问题持续，可能是本地网络环境限制，建议切换网络或使用代理。维护者已确认网站本身无全局性 SSL 故障。","https:\u002F\u002Fgithub.com\u002Fmrgoonie\u002Fclaudekit-skills\u002Fissues\u002F1",{"id":134,"question_zh":135,"answer_zh":136,"source_url":137},36750,"是否有通用安装器可将 ClaudeKit 技能部署到其他 AI Agent（如 Cursor、VS Code 等）？","社区提供了通用安装器 ai-agent-skills，支持多平台部署。安装命令示例：\nnpx ai-agent-skills install \u003Cskill> --agent cursor\n支持的目标包括：Claude、Cursor、VS Code、Amp、Goose 等。项目地址：https:\u002F\u002Fgithub.com\u002Fskillcreatorai\u002FAi-Agent-Skills","https:\u002F\u002Fgithub.com\u002Fmrgoonie\u002Fclaudekit-skills\u002Fissues\u002F9",[]]