🎯

web-performance-optimization

🎯Skill

from xfstudio/skills

VibeIndex|
What it does

Optimizes web application performance by analyzing and recommending improvements in code structure, asset loading, rendering efficiency, and network request strategies.

📦

Part of

xfstudio/skills(250 items)

web-performance-optimization

Installation

Quick InstallInstall with npx
npx skills add xfstudio/skills
Quick InstallInstall with npx
npx skills add xfstudio/skills --skill skill-name
npxRun with npx
npx skills update xfstudio/skills
📖 Extracted from docs: xfstudio/skills
2Installs
-
AddedFeb 4, 2026

Skill Details

SKILL.md

Overview

# Claude Skills 技能集合

这是一个 Claude Code Skills 集合,为 AI 编程助手提供专业化的技能扩展。

---

快速安装

```bash

# 一键安装所有 skills

npx skills add xfstudio/skills

# 安装单个 skill

npx skills add xfstudio/skills --skill skill-name

# 更新已安装的 skills

npx skills update xfstudio/skills

```

---

Skills 分类目录 (698 个)

主要分类概览

| 分类 | 数量 | 主要内容 |

|------|------|---------|

| 🤖 AI 与智能代理 | 51 | LLM 应用、RAG、代理架构、提示工程 |

| 🏗️ 架构与设计 | 35 | 系统架构、微服务、事件驱动、DDD |

| 🔐 安全与渗透测试 | 50 | 漏洞扫描、渗透测试、安全审计 |

| 💾 数据库与数据工程 | 24 | SQL/NoSQL、数据管道、向量数据库 |

| 🎨 前端开发 | 34 | React、Next.js、UI/UX、组件库 |

| ⚙️ 后端开发 | 36 | API 设计、微服务、认证、消息队列 |

| 📱 移动开发 | 8 | React Native、Flutter、iOS/Android |

| ☁️ 云与 DevOps | 39 | K8s、CI/CD、监控、IaC、GitOps |

| 🧪 测试与质量 | 41 | TDD、E2E、代码审查、性能测试 |

| 📊 数据与可视化 | 12 | 数据可视化、BI、ML、量化分析 |

| 🎮 游戏开发 | 11 | Unity、Unreal、Godot、ECS |

| 📝 文档与内容 | 25 | 技术写作、API 文档、营销文案 |

| 🔧 工具与自动化 | 50 | CLI、脚本、爬虫、文件处理 |

| 🌐 Web3 区块链 | 3 | 智能合约、DeFi、NFT |

| 💼 产品与营销 | 37 | 产品管理、增长、定价、SEO |

| 🎓 学习与知识 | 9 | 研究工具、笔记系统 |

| 🔍 搜索与 SEO | 7 | 搜索优化、关键词、内容策略 |

| 💬 通信与社交 | 10 | 聊天机器人、社交媒体自动化 |

| 🖼️ 图像与创意 | 25 | AI 绘画、图像处理、设计 |

| 📦 编程语言 | 28 | Python、Rust、Go、TypeScript |

| 🔄 其他专业 | 163 | HR、法律、财务、行业特定 |

总计:698 个专业技能

---

📚 详细技能清单

🤖 AI 与智能代理 (51个)

| 技能名称 | 功能简述 | 触发条件 |

|----------|----------|----------|

| agent-evaluation | Testing and benchmarking LLM agents including behavioral ... | agent testing, agent evaluation, benchmark agents, agent ... |

| agent-manager-skill | Manage multiple local CLI agents via tmux sessions (start... | |

| agent-memory-mcp | A hybrid memory system that provides persistent, searchab... | |

| agent-memory-systems | Memory is the cornerstone of intelligent agents. Without ... | |

| agent-orchestration-improve-agent | Systematic improvement of existing agents through perform... | |

| agent-orchestration-multi-agent-optimize | Optimize multi-agent systems with coordinated profiling, ... | improving agent performance, throughput, or reliability |

| agent-tool-builder | Tools are how AI agents interact with the world. A well-d... | |

| ai-agents-architect | Expert in designing and building autonomous AI agents. Ma... | build agent, AI agent, autonomous agent, tool use, functi... |

| ai-engineer | Build production-ready LLM applications, advanced RAG sys... | |

| ai-product | Every product will be AI-powered. The question is whether... | keywords, file_patterns, code_patterns |

| ai-wrapper-product | Expert in building products that wrap AI APIs (OpenAI, An... | AI wrapper, GPT product, AI tool, wrap AI, AI SaaS |

| autonomous-agent-patterns | Design patterns for building autonomous coding agents. Co... | building AI agents, designing tool APIs, implementing per... |

| autonomous-agents | Autonomous agents are AI systems that can independently d... | |

| bullmq-specialist | BullMQ expert for Redis-backed job queues, background pro... | bullmq, bull queue, redis queue, background job, job queue |

| code-review-ai-ai-review | You are an expert AI-powered code review specialist combi... | |

| computer-use-agents | Build AI agents that interact with computers like humans ... | computer use, desktop automation agent, screen control AI... |

| conversation-memory | Persistent memory systems for LLM conversations including... | conversation memory, remember, memory persistence, long-t... |

| crewai | Expert in CrewAI - the leading role-based multi-agent fra... | crewai, multi-agent team, agent roles, crew of agents, ro... |

| dispatching-parallel-agents | Use when facing 2+ independent tasks that can be worked o... | facing 2+ independent tasks that can be worked on without... |

| embedding-strategies | Select and optimize embedding models for semantic search ... | choosing embedding models, implementing chunking strategi... |

| error-debugging-multi-agent-review | Use when working with error debugging multi agent review | working with error debugging multi agent review |

| fp-ts-pragmatic | A practical, jargon-free guide to fp-ts functional progra... | writing TypeScript with fp-ts library |

| hosted-agents | This skill should be used when the user asks to "build ba... | the user asks to "build background agent", "create hosted... |

| langchain-architecture | Design LLM applications using the LangChain framework wit... | building LangChain applications, implementing AI agents, ... |

| langgraph | Expert in LangGraph - the production-grade framework for ... | langgraph, langchain agent, stateful agent, agent graph, ... |

| llm-app-patterns | Production-ready patterns for building LLM applications. ... | designing AI applications, implementing RAG, building age... |

| llm-application-dev-ai-assistant | You are an AI assistant development expert specializing i... | |

| llm-application-dev-langchain-agent | You are an expert LangChain agent developer specializing ... | |

| llm-application-dev-prompt-optimize | You are an expert prompt engineer specializing in craftin... | |

| llm-evaluation | Implement comprehensive evaluation strategies for LLM app... | testing LLM performance, measuring AI application quality... |

| memory-forensics | Master memory forensics techniques including memory acqui... | analyzing memory dumps, investigating incidents, or perfo... |

| memory-safety-patterns | Implement memory-safe programming with RAII, ownership, s... | writing safe systems code, managing resources, or prevent... |

| memory-systems | Design short-term, long-term, and graph-based memory arch... | |

| multi-agent-brainstorming | > | |

| multi-agent-patterns | Master orchestrator, peer-to-peer, and hierarchical multi... | |

| parallel-agents | Multi-agent orchestration patterns. Use when multiple ind... | multiple independent tasks can run with different domain ... |

| performance-testing-review-ai-review | You are an expert AI-powered code review specialist combi... | |

| performance-testing-review-multi-agent-review | Use when working with performance testing review multi ag... | working with performance testing review multi agent review |

| prompt-caching | Caching strategies for LLM prompts including Anthropic pr... | prompt caching, cache prompt, response cache, cag, cache ... |

| prompt-engineer | Expert prompt engineer specializing in advanced prompting | |

| prompt-engineering | Expert guide on prompt engineering patterns, best practic... | user wants to improve prompts, learn prompting strategies... |

| prompt-engineering-patterns | Master advanced prompt engineering techniques to maximize... | optimizing prompts, improving LLM outputs, or designing p... |

| prompt-library | Curated collection of high-quality prompts for various us... | user needs prompt templates, role-play prompts, or ready-... |

| rag-engineer | Expert in building Retrieval-Augmented Generation systems... | building RAG, vector search, embeddings, semantic search,... |

| rag-implementation | Build Retrieval-Augmented Generation (RAG) systems for LL... | implementing knowledge-grounded AI, building document Q&A... |

| subagent-driven-development | Use when executing implementation plans with independent ... | executing implementation plans with independent tasks in ... |

| vector-database-engineer | Expert in vector databases, embedding strategies, and sem... | |

| vector-index-tuning | Optimize vector index performance for latency, recall, an... | tuning HNSW parameters, selecting quantization strategies... |

| voice-agents | Voice agents represent the frontier of AI interaction - h... | |

| voice-ai-development | Expert in building voice AI applications - from real-time... | voice ai, voice agent, speech to text, text to speech, re... |

| voice-ai-engine-development | Build real-time conversational AI voice engines using asy... | |

🏗️ 架构与设计 (35个)

| 技能名称 | 功能简述 | 触发条件 |

|----------|----------|----------|

| api-design-principles | Master REST and GraphQL API design principles to

More from this repository10

🎯
filesystem-context🎯Skill

Enables agents to dynamically store, search, and retrieve context from files, solving context window limitations and supporting flexible, persistent information management.

🎯
spec-tasks🎯Skill

spec-tasks skill from xfstudio/skills

🎯
clean-code🎯Skill

Enforces pragmatic coding standards by ensuring concise, direct code with minimal complexity, focusing on readability and maintainability.

🎯
baoyu-infographic🎯Skill

Generates professional infographics by intelligently combining 20 layout types and 17 visual styles for publication-ready visual summaries.

🎯
context-compression🎯Skill

Designs intelligent compression strategies for long-running AI sessions, optimizing token usage while preserving critical contextual information.

🎯
nextjs-best-practices🎯Skill

Guides developers through Next.js App Router best practices, covering server/client components, data fetching, routing, performance, and metadata optimization.

🎯
baoyu-post-to-wechat🎯Skill

Automatically posts markdown articles and image-text content to WeChat Official Account using Chrome browser automation.

🎯
typescript-expert🎯Skill

Provides expert TypeScript solutions, optimizing types, performance, and architecture with deep knowledge of modern JavaScript ecosystem best practices.

🎯
tailwind-patterns🎯Skill

Generates responsive CSS configurations using Tailwind v4's CSS-native design tokens and container query architecture.

🎯
d3-viz🎯Skill

Generates interactive, custom data visualizations using D3.js across JavaScript environments, enabling precise control over charts, graphs, and SVG-based visual elements.