SuperAPI AI 工具集

Skill 广场

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

更新于 11-05 00:16

设计与创作

22,043 个结果

visualize-with-libraries

这是一个用于渲染 BPMN 流程图的技能(skill),其特点是可以使用项目中的本地图标文件夹(如 icons、librerias、libraries)来绘制图表。它会自动扫描项目中是否存在这些图标目录,并按优先级查找与 BPMN 任务类型(如 Service Task、User Task、Script Task 等)匹配的图标文件(支持 .svg、.png、.jpg、.jpeg)。若找不到图标,则回退使用技术类 emoji。该技能输出的是极简风格的 Excalidraw JSON,包含 X/Y 坐标。生成规则严格:禁止使用 freedraw 类型,仅使用 rectangle、diamond、text、arrow 等基础图形;所有箭头必须通过 startBinding 和 endBinding 绑定到源与目标元素;容器内的文本需通过 boundElements 与容器关联。它采用 60-30-10 的配色风格。当用户需要渲染 BPMN 图并希望使用本地图标时,该技能会扫描项目、匹配任务类型图标并生成图表。安装命令为 npx skills add JefferCB1/skill-visualizer-direct。

设计与创作7 次安装

image-generation

该技能通过 Google Gemini、Google Imagen 与 OpenAI 系列模型实现 AI 图像生成与编辑。支持从自然语言描述生成照片级写实图像、插画、Logo、贴纸与产品效果图,也可用文字指令编辑现有图像、进行风格迁移,并通过多轮对话迭代优化结果。技能提供模型选择决策树、提示词编写范式与各模型的 Python 调用示例,覆盖 Gemini 2.5 Flash Image、Gemini 3 Pro Image Preview、Imagen 4 系列、gpt-image-1.5、gpt-image-1 及 DALL-E 等模型,并列出分辨率、宽高比、费用与限制。使用需配置 Google 或 OpenAI 的 API 密钥,并安装 google-genai、openai、pillow、requests 等 Python 包。

设计与创作7 次安装

algorithmic-art

algorithmic-art 是一个用于创作算法生成艺术的技能,基于 p5.js 实现带种子随机性与交互式参数探索。用户提出用代码创作艺术的需求时,可借助它先产出一份算法哲学(.md 文件),再将其表达为 p5.js 生成艺术(.html + .js 文件)。它强调过程优先于结果,把算法哲学转化为计算过程、涌现行为、数学之美、噪声场、粒子与场的动态以及参数化变化。实现阶段要求以 templates/viewer.html 作为字面起点,保留固定结构与品牌元素,仅替换算法、参数与参数控件等可变部分,最终输出一个自包含、可在浏览器或 claude.ai 中直接运行的交互式 HTML artifact,包含种子导航、参数滑块、颜色选择、重新生成、重置与下载 PNG 等控件。

设计与创作7 次安装

web-design-guidelines

该技能用于审查 UI 代码是否符合 Web Interface Guidelines(Web 界面指南)。当用户提出「review my UI」「check accessibility」「audit design」「review UX」「check my site」等请求时使用。其工作方式为:先从指定源 URL 获取最新版指南,再读取用户指定的文件(或询问文件/匹配模式),随后对照获取到的全部规则逐条检查,最后以简洁的 file:line 格式输出发现的问题。指南源为 https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md,每次审查前都会重新抓取,以确保使用最新规则,抓取内容包含全部规则及输出格式说明。使用时,若用户提供了文件或匹配模式参数,则依次执行抓取指南、读取文件、应用全部规则、按规定格式输出结果;若未指定文件,则询问用户需要审查哪些文件。

设计与创作7 次安装

game-design

该技能是一套面向新游戏概念的游戏设计规划框架,覆盖概念定义、循环架构、系统与数值平衡以及可落地的设计文档撰写。资料中以韩文为主,提供从概念定义、核心循环设计、原型制作、数值平衡、变现设计到打磨与上线的分步流程,并附有策划书必备项检查表、按品类(三消/街机/生存/放置)划分的策划模板、难度S曲线、奖励与经济平衡公式、新手引导模式、变现模式设计以及测试用例映射与快速参考指标。适用于需要从零构思游戏概念、搭建核心循环、规划留存与进度体系、进行设计文档级别决策的场景。资料说明:该技能用于概念定义与设计文档层面的工作,若进入具体实现和发布(Rust+WASM 或 Godot 工作流)应使用 game-dev-rust-godot,若具体到 GDScript/场景/节点层面的 Godot 引擎工作则应使用 godot。

设计与创作7 次安装

remotion-video

Remotion 视频技能用于在 MiniPC 上以编程方式制作视频。它基于 React 与 Remotion 框架,通过组件化的方式定义视频画面、动画与时间轴,支持合成(Composition)、帧级时间控制、interpolate 插值与 spring 弹簧动画,以及 Sequence 场景排序。可使用图片、视频、音频和字体等静态资源,支持用 @remotion/captions 添加字幕与同步时间戳,用 @remotion/transitions 实现滑动、淡入淡出、擦除等转场,也支持 Tailwind CSS 样式和通过 @react-three/fiber 与 @remotion/three 制作 3D 内容。渲染命令基于 npx remotion render,可输出 MP4、WebM 或 GIF,并支持 h264、crf、vp8 等参数控制质量与透明背景。典型工作流包含策划、准备素材、编写 React 组件、使用 remotion studio 预览、无头渲染以及通过 HTTP 服务器传输到 Mac Studio。适用场景包括视频内容、动画、动态图形和社交媒体短片等。注意渲染耗时较长、高分辨率与长视频受 MiniPC 内存限制,且 MiniPC 上无法执行 GitHub push。

设计与创作7 次安装

web-design-pro

Web Design Pro(现代设计工程)是一个面向现代网页设计工程的技能,覆盖设计令牌(Design Tokens)、现代 UI/UX 方法论、响应式设计模式、无障碍标准、性能优化与游戏特化 UI 模式。其核心特点是将设计决策以数据形式管理(令牌分层:Primitive、Semantic、Component),并通过 CSS 自定义属性、Figma 插件(Tokens Studio)、Style Dictionary 等实现设计到代码的衔接。方法层面包含 Jobs to be Done、Design Thinking、Design Sprints;响应式层面涵盖 clamp() 流式排版、Container Queries、Mobile-First;无障碍方面遵循 WCAG 2.1,涉及语义化 HTML、色彩对比、键盘可用性、ARIA 标签与 prefers-reduced-motion;性能层面围绕 Core Web Vitals(LCP、INP、CLS)与图片、预加载、JS 延迟加载等优化手段;并针对游戏类界面提供即时反馈、视觉层级、沉浸式布局等模式。该技能适合应用于设计系统建设、高质量 UI 生产、可访问性提升与游戏作品集站点改版等任务。

设计与创作7 次安装