Agent Skills Hub

gifgrep

用于搜索、预览和下载 Tenor 与 Giphy GIF 的 CLI/TUI 工具，并提供开发者与内容创作者所需的帧提取与精灵图生成功能。

web-shader-extractor

从网页中提取 WebGL/Canvas/Shader 视觉特效代码，反混淆后移植为独立原生 JS 项目。

slack-gif-creator

用于创建和优化 Slack 动画 GIF 的工具包。包含帧构建、动画特效、验证工具及 Slack 专属规格限制。

web-component-design

掌握 React、Vue 和 Svelte 的组件驱动开发。学习进阶组合模式、CSS-in-JS 策略及用于可扩展 UI 设计系统的组件 API 设计。

paper-figure

从实验数据生成学术论文级别的出版品质图表与 LaTeX 表格。

ui

生成 UI 组件、Hero 区块与反馈表单。集成无障碍检查清单与专业设计参考，确保开发质量。

wednesday-design

UI/UX 设计助手，为 React/Next.js 项目强制执行组件库使用规范、可访问性与设计标记。确保使用 shadcn/ui、Aceternity 等核准库来保持视觉一致性。

ae-mcp

通过 Model Context Protocol 自动化 Adobe After Effects。管理合成、图层、关键帧、效果和表达式，适用于动态图形、标题卡和标志动画制作。

design-system-patterns

掌握设计系统架构：实现设计标记 (design tokens)、多品牌主题、组件库以及自动化设计转代码流程，建立可扩展的 UI 基础。

plantuml-manipulator

针对 PlantUML 序列图的结构化批处理、验证与报表生成工具，适用于跨文件维护。

nano-image-generator

使用 Nano Banana Pro (Gemini 3 Pro) AI 模型生成应用图标、Logo、营销横幅及各类插图等专业视觉素材。

interaction-design

设计并实现微交互、动态设计与转场效果。用于提升 UI 精致度、实现加载状态，并创造直观、令人愉悦的用户反馈体验。