SuperAPI AI 工具集

Skill 广场

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

更新于 11-05 00:16

设计与创作

22,046 个结果

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,每次审查前都会重新抓取,以确保使用最新规则,抓取内容包含全部规则及输出格式说明。使用时,若用户提供了文件或匹配模式参数,则依次执行抓取指南、读取文件、应用全部规则、按规定格式输出结果;若未指定文件,则询问用户需要审查哪些文件。

设计与创作5 次安装

blueprint-figure

blueprint-figure 是一个用于绘制静态 SVG 图表的技能,面向从零开始学习 AI 工程课程的课程材料、README 与手册。它采用浅色纸张面板与蓝图风格强调色,提供九种图形类型(时序、结构、流程、对比、时间线、树、状态机、决策、分层),并用固定语义色与八种箭头样式表达真实系统中的参与方、字段、方法、状态码与序号。图表按 640 单位宽度设计,要求检查文字可读性、标签占用与标记合规,并提供 Node 脚本模板生成 SVG,避免手改产物。

设计与创作5 次安装

course-style

课程风格技能定义了“从零开始学 AI 工程”课程页面、图表与手册共用的视觉与写作规范。主要内容包括:明暗主题颜色 token、字体栈、FIG_ 标签格式、卡片布局、清晰的技术写作规则,以及无障碍和减少动态效果的默认值。此技能不定义绘图方法,而是规定颜色、字体、标签、间距、用词与检查方法,供 blueprint-figure、motion-figure、isometric-explainer 和 write-manual 等技能读取精确值。支持 Claude、Cursor、Codex、OpenClaw、Hermes 以及所有读取 SKILL.md 的 agent。适用场景包括:编写或审查课程页面、卡片、图表或手册;查找明暗主题 token;查找图、子图、交互组件的标签格式;按清晰的技术写作规则检查正文;添加动态效果并确定时长、缓动和减少动态效果的行为。

设计与创作5 次安装

isometric-explainer

isometric-explainer 是一个用于构建交互式等距机器讲解页面的技能:页面上放置一台实体等距机器,每个工位对应流程中的一步,由纯函数且经过测试的状态模型驱动运动、读数与文案,并提供运行、单步、禁用、修复、重置等控件与验证循环。它适合解释带有工位、顺序和失败模式的概念,例如缓存、队列、循环、流水线、重试策略等,让读者能禁用一个部件并观察故障。页面遵循统一的等距相机与配色规则,状态模型为唯一真相,模拟内容会明确标注为模拟。

设计与创作5 次安装

motion-figure

motion-figure 是一个用于制作动态图表的技能,面向 Claude、Cursor、Codex 等能读取 SKILL.md 的智能体。它提供三层产物:课程内的 SMIL 动画图和滑块组件(通过 figure 围栏挂载)、展示真实系统部件并计算结论的交互机制图,以及课程配色的有序抖色条带。触发短语包括“动画图”“添加滑块”“交互图”“展示系统如何工作”“让图动起来”“抖色页头”“机制图”“figure 围栏”。技能规定动画只使用 SMIL 元素、课程图最多 55 个 SVG 元素、循环时长 2.5 至 6 秒、滑块代码只写 ES5,并要求在浅色、深色、375px 宽度及减少动态效果下检查。

设计与创作5 次安装