SuperAPI AI 工具集
合作ENAI 行业资讯收藏

Skill 广场

找到适合任务的 Agent Skill，阅读介绍并复制安装命令。

更新于 11-04 00:13

设计与创作

21,956 个结果

figma-node-fetcher

Figma Node Fetcher 是一个用于从 Figma URL 按节点获取数据的技能。它可以根据用户提供的包含 node-id 的 Figma 链接，获取指定节点的 JSON 结构或渲染图像（如 PNG、SVG 截图），从而避免下载整个文件树。该技能适用于需要查看图层/节点结构、导出节点截图或检查设计令牌的场景。使用前需满足 Node.js >= 18 并配置 FIGMA_ACCESS_TOKEN 环境变量或相关配置文件。它支持单个 URL 获取和批量获取，并返回标准化的 JSON 输出。该技能仅支持 /v1/files/{file_key}/nodes 和 /v1/images/{file_key} 两个端点，不处理整个文件树、评论、版本历史、组件 API 或设计到代码的生成，也不修改 Figma 设计（只读访问）。

设计与创作10 次安装

remotion-best-practices

Remotion 最佳实践技能：为在 React 中创建视频提供领域知识与规则文档。适用于处理 Remotion 代码的场景。技能内含多条规则文件，覆盖 3D、动画、素材导入、音频、元数据计算、解码检测、图表、合成、抽帧、字体、时长与尺寸获取、GIF、图片、光效、Lottie、DOM 与文本测量、序列编排、TailwindCSS、文字动画、时间曲线、转场、透明视频、裁剪、视频嵌入、参数化与地图等主题。涉及字幕、FFmpeg、音频可视化、音效时，需加载对应 rules 子文件获取说明与代码示例。

设计与创作10 次安装

infographic-structure-creator

该技能用于为信息图框架生成或更新 Structure 组件代码，适用于 TypeScript/TSX 项目中 src/designs/structures 目录下的结构组件。当需要设计、实现或修改信息图结构组件时使用。它会按照项目的组件规则、布局约束和注册要求，产出完整的 TypeScript 文件，包含导入、继承 BaseStructureProps 的 Props、组件实现以及带准确 composite 的 registerStructure。使用流程包括：阅读 references/structure-prompt.md 获取框架完整规则、允许使用的组件与输出要求；在缺少信息时确认结构类别、布局方向、层级深度以及是否需要添加/删除按钮；在 Item 与 Items 之间选择，基于 getElementBounds 计算布局，并在 ItemsGroup 下规划装饰元素；最后依据参考中的约束进行自检，确保未使用未列出的组件、未使用 SVG cx/cy/r、索引正确并处理空状态。

设计与创作10 次安装