Agent Skills Hub

interaction-design

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

frontend-ui-animator

为 Next.js、Tailwind CSS 和 React 应用程序分析并实现实用且具目的性的 UI 动画，重点在于用户体验、性能与无障碍设计。

music-theory-visual-design

Harmonic Orbit 音乐理论应用程序的视觉设计与 UI 样式指南，涵盖字体、配色系统、间距、动画及无障碍设计标准。

french-claude

专注于设计的编程代理，为您的开发工作流程带来世界级的人机界面工艺、动态设计与系统化前端工程。

design-excellence

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

slidev-click-animations

精通 Slidev 中的 v-click、v-after 和 motion 指令，以实现渐进式内容揭露、交互式图表及复杂的演示动画效果。

tamagui-best-practices

Tamagui 库架构、配置、编译器优化与组件模式的最佳实践。

slack-gif-creator

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

ui-ux-pro-max

适用于网页与移动设备的专业 UI/UX 设计指南。包含 50 多种风格、99 项 UX 指引及 97 种配色方案。支持 React、Vue、Next.js 等多种技术栈的开发设计建议。

Pixel Art Animator

管理 Aseprite 中的精灵动画、帧序列、时间轴与标签。适用于游戏开发、行走循环、待机动画及高效像素艺术工作流。

anima

Anima 是一个用于制作数学可视化内容的 TypeScript 动画引擎。通过仿 Manim 的流畅 API，编写几何动画、图表以及复杂的路径运动。

flutter-performance-docs

Flutter 性能优化指南与最佳实践文档，涵盖构建成本、渲染、列表优化、动画及反模式（Anti-patterns）的优化建议。