Agent Skills Hub

nanaban

通过 nanaban CLI 使用 Gemini API 生成与编辑图像。适用于制作插图、标志、图标，以及执行背景移除、风格转换等照片编辑任务。

local-skills-mcp-guide

local-skills-mcp 仓库实现指南。提供关于 MCP 工具处理程序、技能加载与聚合逻辑，以及项目结构的详细技术文档，帮助开发者快速理解与开发。

static-site-generation

用于管理静态网站生成器 (SSG) 项目的框架，涵盖 Astro、构建优化、GitHub Pages 部署模式以及类型安全的内容集合架构。

react-vite-best-practices

React 与 Vite 性能优化指南。适用于编写、审查或优化基于 Vite 构建的 React 组件。

webperf

一套用于测量、审计和调试网页性能指标（包含核心网页指标、加载速度与交互延迟）的综合工具组，可直接在 Chrome 开发者工具中使用。

elegant-design

使用 React、Next.js 和 shadcn/ui 等现代设计系统，构建专业、易用且具响应式的界面。专注于开发者工具、聊天界面及实时流式组件。

seo-page

深度单页 SEO 审计工具，涵盖技术、内容与性能分析。包含页面元素、结构化数据、图片优化与 E-E-A-T 检查，协助提升搜索排名与用户体验。

webpack

Webpack 前端开发参考工具。提供配置指南、故障排除、性能优化技巧及最佳实践，协助开发者高效管理前端构建项目。

vue-typescript

专为使用 TypeScript 构建 Vue 3 应用程序所设计的技能，涵盖组合式 API (Composition API)、Pinia 状态管理、Vue Router 以及自定义组合式函数 (Composables)。

roier-seo

AI 技术 SEO 审计工具，执行 Lighthouse/PageSpeed 测评并自动修复网站性能、无障碍网页与结构化数据等代码问题。

performance-security

优化 React 性能、实施安全性加固，并通过自动化模式与检查清单确保符合 WCAG 无障碍规范。