Agent Skills Hub

office-sprite

使用 Nano Banana MCP 和 ImageMagick 为 Claude Office Visualizer 生成并处理 16 位像素艺术办公资源。

javascript-typescript

专为现代 Web 应用程序设计的进阶 TypeScript 与 React 开发助手。精通组件架构、状态管理、Vitest 单元测试、Playwright 端对端自动化以及高效的 TypeScript 配置。

interaction-design

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

d3js-data-visualization

使用 d3.js 创建交互式自定义数据可视化，包括图表、图形和网络图。适用于需要对视觉元素、转场动画和交互行为进行精细控制的场景。

server-components

Next.js React Server Components (RSC) 指南，涵盖服务器与客户端组件边界、数据获取及组合模式。

canvas

Claude Code 的交互式终端 UI 工具包。可在 tmux 窗格中生成并控制日历、文档及航班预订界面。

dev

开发与维护 PWAFire 工具库：编写 PWA API 模块、处理功能检测、管理测试，并遵循严格的同步/异步模式与错误处理规范贡献代码。

htmx-rust

使用 Rust、Axum 与 HTMX 构建交互式超媒体 Web 应用程序，无需复杂的 JavaScript 框架即可实现动态与实时 UI 更新。

french-claude

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

livewire-development

开发反应式 Livewire 4 组件，处理 wire 指令、状态管理、实时更新、组件测试，并整合 Flux UI 以构建高性能 Laravel 应用程序。

json-canvas

在 Obsidian 中创建、编辑与管理 JSON Canvas (.canvas) 文件，用于可视化笔记、思维导图与流程图。

image-generation

使用结构化 JSON 提示词与自动化 Python 脚本生成高质量的图像、角色与场景，支持参考图像以进行精确的视觉创作。