Agent Skills Hub

tikz-flowchart

使用 LaTeX TikZ 建立专业技术图表与流程图，提供 Google Material 与 Anthropic 风格的标准化设计主题。

api-design

设计与记录 REST 或 GraphQL API，包含端点定义、分页、筛选、版本控制及 OpenAPI/Swagger 规范建立。

svg-logo-generator

使用 Python 脚本生成高质量、简约且几何化的 SVG 标志。适用于制作图标、品牌标识及几何图形视觉资产。

mcaf-architecture-overview

维护一个包含 Mermaid 图表的集中式架构总览，记录系统边界、模块依赖与接口契约，以利于项目导航与重构。

create-mcp-app

为 Claude Desktop 等 MCP 主机建立互动式应用程式。提供 React、原生 JS 及多种框架模板，协助您开发整合 MCP 工具与自定义 UI 的应用程式。

pdf-generation

使用 Pandoc 将 Markdown 转换为专业 PDF。支持 Eisvogel 模板、EB Garamond 字体，并针对不同场景优化排版（A4 用于打印/桌面，6x9 用于移动设备/Telegram）。

react-state-management

掌握现代 React 状态管理。学习使用 Redux Toolkit、Zustand、Jotai 和 React Query 来处理全局、服务器与本地状态。

swiftui-performance-audit

审计并优化 SwiftUI 运行时性能。通过代码审查、架构分析与 Instruments 性能分析指导，诊断渲染缓慢、滚动卡顿、高资源消耗及布局抖动等问题。

durable-objects

创建、调试并优化 Cloudflare Durable Objects。支持状态协调、RPC、SQLite 存储、WebSocket 处理程序以及 Vitest 测试。

testing-strategies

实现强大的软件测试策略，涵盖单元测试、集成测试与端到端 (E2E) 测试，并提供模拟框架 (Mocking)、TDD 模式与各类技术堆栈的最佳实践，确保高质量且可靠的代码。

formik-patterns

React 应用程序的 Formik 表单处理、Yup 验证架构与表单提交模式。

seo-schema

分析、验证并生成 Schema.org 结构化数据 (JSON-LD)。检测现有标记、识别优化机会，并确保符合 Google 丰富搜索结果规范。