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 無障礙規範。