SuperAPI AI 工具集

Skill 广场

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

更新于 11-03 00:11

设计与创作

21,839 个结果

design-expert

design-expert 是一个面向 AI 编程助手的设计参考技能,用于 UI/UX 设计场景,涵盖组件设计、设计系统选择与配置、响应式布局以及 Figma 分析。它要求先读取项目内已确定的设计系统文件,并沿用其中的库、色板与字体选择,避免重复推荐;在尚无设计系统文件时,才按企业应用、现代 Web、移动端(React Native)、原型等场景给出设计系统建议,并将选择结果持久化。技能强调原子化设计、移动优先、以变量形式使用设计令牌以及单一设计库的一致性。它能从 package.json 自动识别 MUI、Ant Design、Tailwind、Chakra、NativeWind、Mantine 等库,并建议使用 Context7 获取对应版本的库文档。Figma 同步方面,它基于 figma-developer-mcp 读取布局、样式、文本与组件树,下载图片资源,主张把 Figma 中的颜色、字体、间距同步为设计令牌,优先复用已有组件而非重新生成。响应式断点划分为移动端小于 768px、平板 768 至 1024px、桌面大于 1024px。

设计与创作12 次安装

pretty-mermaid

Pretty Mermaid 是一个用于渲染 Mermaid 图表的技能,基于 beautiful-mermaid 库,可将 Mermaid 代码输出为 SVG 或 ASCII 艺术图。它支持 15 种以上主题(如 tokyo-night、dracula、github-dark 等)和 5 种图表类型(流程图、序列图、状态图、类图、ER 图)。用户可通过命令行脚本 render.mjs 渲染单个图表,或用 batch.mjs 批量处理多个图表,并支持自定义颜色、透明背景、自定义字体等高级选项。适合为文档、演示、README 或终端生成专业风格的图表。

设计与创作12 次安装

theme-factory

Theme Factory 是一个用于为各类产出物(如幻灯片、文档、报告、HTML 落地页等)应用主题样式的工具包。它提供一套精心挑选的专业字体与配色主题集合,每个主题都包含协调的调色板(带十六进制色值)以及适用于标题和正文的字体搭配,并具有适配不同场景与受众的独特视觉风格。目前内置 10 个预设主题,包括 Ocean Depths、Sunset Boulevard、Forest Canopy、Modern Minimalist、Golden Hour、Arctic Frost、Desert Rose、Tech Innovation、Botanical Garden 和 Midnight Galaxy,均展示在 theme-showcase.pdf 中。使用时先展示主题展示文件供用户浏览,询问其选择,待用户明确确认后,读取 themes/ 目录中对应主题文件,将指定的颜色与字体一致地应用到产出物上,并确保对比度与可读性。若现有主题均不适用,还可根据输入生成自定义主题,赋予描述字体/配色含义的名称,生成后展示供审核,确认后再应用。

设计与创作12 次安装

remotion-best-practices

Remotion 是一个用 React 创建视频的框架,本技能为处理 Remotion 代码时提供领域专属的最佳实践知识。它本身不是可运行的工具,而是一套按主题拆分的规则文件集合,涵盖 3D 内容、动画、素材导入、音频处理、字幕、图表、合成定义、字体、GIF、Lottie、文本测量与动画、时间曲线、转场、裁剪、视频嵌入等众多方面。当你在编写或调试 Remotion 代码时,可按需查阅对应的规则文件,获取详细说明与代码示例,从而更规范、高效地完成视频开发任务。

设计与创作12 次安装

aip-composition

aip-composition 是 AI Producer 插件的合成与编辑器契约文档,用于指导作者为 AI Producer 项目编写 HTML 工作区。其核心约定是“HTML 即视频”:一个合成是一个带 data-* 时间属性的 HTML 元素,配一条暂停的 GSAP 时间线由播放器驱动。编辑器用自带播放器播放该 HTML,导出时用 AI Producer 自己固定版本的 HyperFrames 渲染,二者各自遵循独立的播放与编辑契约。项目位于 render-engine/ 目录下,包含 index.html、compositions/*.html 及 public/ 下的素材;AI Producer 会自动暂存 public/source.mp4、public/source.mp3,并把 GSAP 放在 public/vendor/gsap.min.js。文档规定了根舞台、说话人音视频分离、视觉时刻宿主、字幕层、画中画、外来片段、缩放/滤镜效果、运动效果以及子合成模板的写法与属性表,并列出本地预览通过不等于编辑器或导出正确的验收边界。

设计与创作12 次安装

aip-framing

aip-framing 是 AI Producer 项目中的取景(Framing)技能,用于在编写根布局之前先确定画面归属。它按节拍(beat)决定由说话人、素材还是画布占据画面,并规定 seats(座位)、overlay(叠加)与 full-cover(全屏覆盖)三种版式在竖屏 9:16、方形 1:1、横屏 16:9 画布上的可用形态与位置、字幕带位置、说话人头部完整保留规则以及构建方式。该技能要求先依据平台确定画布,再按节拍选择 register 与 form,并通过 frame_speaker 测量每个窗口的人脸与头部位置,避免裁切失误。适合短视频、社交媒体视频等以出镜讲解配合画面元素的制作流程。具体收费、平台集成与自动化能力暂未提供。

设计与创作12 次安装

aip-reference-style

aip-reference-style 是 AI Producer 插件中的一项参考风格技能,用于把参考视频的字幕、动态图形和转场复制到用户自己的剪辑中。它支持直接接收用户提供的视频文件、图片、Instagram/TikTok/YouTube 链接,或已发布的预设,并在后台读取参考的视觉样式。复制过程只取样式、不取内容,参考决定画面如何呈现、运动与切换,其余剪辑流程遵循 AI Producer 自身的设置、粗剪、音效与交付规则。该技能会分析视频生成接触表、转场页、分镜条与关键帧,还可用 caption kit 精确匹配字幕外观;用户提供的画面构图与时长决定几何布局,参考未出现的转场不会被添加。

设计与创作12 次安装