Agent Skills Hub

figma

利用 Figma MCP 服务器获取设计数据、提取资源，并将 Figma 节点转换为符合设计系统规范的 React 与 Tailwind 代码。

figma-design-to-code

使用 TemPad Dev MCP 将 Figma 设计转换为符合项目规范的 UI 代码，精确处理标记、样式与设计标记整合。

pix

一个自动化的 UI 实现代理，利用 Figma MCP 和浏览器渲染验证，将 Figma 设计转换为像素级精确的代码。

ui-implementer

根据 Figma 或设计稿实现 UI 组件，提供像素级精确度、智能设计验证与自适应代理切换功能。

figma-create-new-file

通过 MCP 服务器直接创建新的 Figma 设计或 FigJam 文件。自动处理计划解析并为您的设计工作流程初始化画布。

pencil-ui-design

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

ui-design-system

专业 UI 设计系统工具包，涵盖设计代币生成、组件架构、响应式设计计算及开发人员交接文档，确保视觉一致性。

ui-mockup

音频插件 WebView UI 设计协调器，处理迭代式原型制作及 JUCE 插件的生产级代码脚手架生成。

svg-logo-generator

使用 Python 脚本生成高质量、简约且几何化的 SVG 标志。适用于制作图标、品牌标识及几何图形视觉资产。

build-design-system

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

logo-creator

使用 AI 创作专业商标。涵盖设计讨论、多样化生成、修图去背与 SVG 矢量格式导出，适用于品牌、吉祥物、图标与徽章设计。

structuring-plugins

引导 Claude Code 插件的建立与组织，包含目录架构搭建、plugin.json 清单设定、组件管理（指令、代理、技能、钩子）及自动探索机制配置。