Agent Skills Hub

pencil-ui-design

使用 Pencil MCP 进行工业级 UI 设计的完整工作流与组件库，包含颜色、字体、间距与阴影的标准化设计规范。

ui-styling

使用 shadcn/ui 和 Tailwind CSS 构建可访问且一致的用户界面。采用组件优先架构以建立设计系统、集成 React Hook Form，并实践响应式移动优先开发。

voice-apply

通过可配置的 YAML 模板将内容转换为特定的语音配置、语气或风格，以确保品牌与叙事输出的一致性。

presentation-structure

项目单文件 HTML/CSS/JS 演示系统的技术规格与结构指南。

skill-template

为建立与记录模块化代理技能所设计的标准化模板，确保在 AI 代理系统中间实现一致且高效的上下文工程。

build-design-system

使用 Design Graph 方法论构建连贯且基于约束的设计系统。自动化设计令牌、排版比例、组件、变体及主题的创建过程。

claude-code-skill

通过 MCP 协议控制 Claude Code 进行自动化开发。支持持久化会话、代理团队协作、精确执行计划以及针对复杂编码任务的高级工具管理。

design-excellence

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

nia

Nia 研究代理：用于索引与搜索远程代码库、文档及包。通过优先采用完整源代码索引取代网页抓取，有效提升 AI 上下文精确度并减少幻觉。

study-note

使用 CLI 工具将学习笔记、想法与心得按时间顺序自动归档至项目文件，实现系统化的知识管理。

json-canvas

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

components-build

根据 components.build 规范构建现代化、可组合且易于访问的 React UI 组件。适用于设计系统、组件库及可重用 UI 架构的开发与维护。