SuperAPI AI 工具集

Skill 广场

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

更新于 11-05 00:16

设计与创作

22,051 个结果

3d-visualizer

3D Visualizer 是一个专注于 Three.js、3D 图形与交互式 3D 可视化的技能,帮助开发者创建 3D 场景、交互式 3D 图形和沉浸式网页体验。它覆盖 3D 模型与场景、材质与光照、动画与交互、相机控制,以及 3D 数据可视化(3D 图表、网络图、地理空间数据、科学可视化)和交互式 3D(360° 产品查看器、配置器、交互式演示、3D 游戏)。该技能提供基于 React Three Fiber 的代码示例,包括基础 3D 场景、3D 模型加载器、动画 3D、3D 柱状图、交互式产品配置器、3D 网络图,以及使用 Instanced Mesh 的性能优化方案。

设计与创作3 次安装

beautiful-mermaid

Beautiful Mermaid 是一个用于将 Mermaid 图表渲染为 SVG 和 PNG 图像的工具,基于 Beautiful Mermaid 库实现。当用户要求渲染 Mermaid 图表时使用。它支持流程图、时序图、状态图、类图和实体关系图等多种图表类型,提供 Default、Dracula、Solarized、Zinc Dark、Tokyo Night 系列、Catppuccin Latte、Nord、GitHub Dark/Light、One Dark 等主题。渲染 PNG 时需要依赖 agent-browser 技能。工作流程包括生成或校验 Mermaid 代码、渲染 SVG、创建 HTML 包装文件、使用 agent-browser 以 4K 分辨率截图捕获 PNG,最后清理中间文件。输出始终同时生成 SVG 和 PNG 两种格式。

设计与创作3 次安装

gpt-image-1-5

gpt-image-1-5 是一个基于 OpenAI GPT Image 1.5 模型的图像生成与编辑技能,通过脚本调用实现文生图与图像修改。生成图像时使用 Responses API 的 image_generation 工具;编辑图像时使用 Image API 的 images.edit 端点,支持基于蒙版的精确局部重绘(inpainting)。用户可通过命令行参数指定提示词、输出文件名、质量(low/medium/high)、尺寸(1024x1024、1024x1536、1536x1024、auto)以及背景(transparent/opaque/auto,仅生成时可用)。编辑模式支持无蒙版的整图编辑与带蒙版的局部编辑。API 密钥按 --api-key 参数、OPENAI_API_KEY 环境变量的顺序读取。输出为 PNG 文件,保存至当前工作目录,脚本会返回完整路径。

设计与创作3 次安装

design-callouts

design-callouts 是一份面向界面设计的技能指南,用于设计、构建或审计各类提示性组件,包括状态消息、文档提示块(admonition)以及注意力引导与新手引导浮层。其核心方法是在选择具体组件之前先对消息进行分类,并按后果严重程度匹配打断程度,避免提示过弱而无人察觉或过强而令用户习惯性忽略。内容涵盖三类分支:状态消息(横幅、内联消息、toast、校验错误、错误摘要、警示对话框)、文档提示块(note、tip、important、warning、caution)以及注意力与新手引导(工具提示、可切换提示、浮层、教练标记、导览、新功能徽标)。同时给出可访问性硬性要求、关键反模式清单与审计报告方式。

设计与创作3 次安装