Agent Skills Hub

react-state-management

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

claude-code

Claude Code 代理程序的标准化技能，用于通过 Claudish CLI 动态查询 OpenRouter 模型建议与元数据。

designer

React 与 Next.js 专家级 UI/UX 设计助手。提供视觉审核、设计系统架构，以及 Tailwind CSS 与 shadcn/ui 的实现指导，助力打造专业级 Web 应用程序。

skr

用于管理、构建及部署 Agent Skills 的命令行工具，支持将技能打包为 OCI 成品并在生态系统中共享。

agent-canvas

通过 CLI 在 TLDraw 画布上绘制图表、流程图与注解。适用于架构规划、代码审查与代理程序执行记录可视化。

react-ui-patterns

标准化的 React UI 模式，用于处理加载状态、错误处理与数据获取，确保一致的用户体验与稳固的组件架构。

pr-demo

为 Pull Request 与文档制作精美的终端动画演示，支持使用 asciinema、agg 与 svg-term-cli 进行录制与转换。

mermaid-visualizer

将文本转换为专业 Mermaid 图表。自动处理语法、子图及布局规则，轻松生成流程图、时序图与结构图。

claude-code-guide

Claude Code 高级开发指南，涵盖 REPL 环境、MCP 集成、开发工作流及 AI 辅助编程最佳实践，助力提升开发效率。

design-excellence

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

slack-gif-creator

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

tooling-setup

为 React 19 项目提供的生产级开发环境配置，包含 Vite、TypeScript、Biome 及 Vitest，提供严格的类型检查、代码规范、格式化与测试基础设施。