Agent Skills Hub

design-excellence

一套设计系统与反模式指南，让 AI 生成的界面更具人工质感。通过管理色彩、排版、间距与动画，为 Toh Framework 提供专业的视觉品质。

draw-io

专门用于创建、编辑和维护 .drawio 流程图的技能。支持 XML 操作、排版优化、AWS 图标集成，以及文档自动化 PNG 转换。

route-handlers

专为构建与管理 Next.js App Router API 路由设计的技能，支持处理 HTTP 方法、请求主体、流式传输与响应配置。

state-management

前端状态管理指南，涵盖 Zustand/Pinia 全局存储、TanStack Query 服务器状态以及 URL 状态处理。

web-search-patterns

基于 Gemini 的高级网络搜索插件，具备智能缓存、子代理上下文隔离及自动查询优化功能。

ui-design

一个专门用于生成单文件 HTML 用户界面的工具，内置 Tailwind CSS，非常适合快速原型制作、UI 探索和设计灵感参考。

serena-mcp

Serena MCP 语义代码分析指南。Serena MCP 连接时自动启用，优先使用专用工具进行符号搜索、引用追踪及代码记忆，以优化分析效率与准确性。

react-typescript

包含 React 19 与 TypeScript 的生产级开发模式，涵盖 Hooks、状态管理、TanStack Query、Zod 表单验证及性能优化工作流程。

my-openlayer-helper

使用 my-openlayer 库初始化 OpenLayers 地图、管理图层，并渲染点、线、面及动画标记等地理特征。

i18n-expert

自动化 React/TS 代码库的 i18n 设置、字符串提取与本地化对齐审核。提供框架感知配置、自动化审核脚本与安全的字符串替换，确保无缝的本地化流程。

reactive-ui-patterns

用于远程数据获取的响应式 UI 模式，通过 .current 属性实现流畅的原位更新、保持滚动位置并有效管理加载状态。

browser-debugger

使用 Chrome DevTools MCP 和 AI 视觉模型进行 UI 测试、设计一致性验证及浏览器调试。