SuperAPI AI 工具集

Skill 广场

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

更新于 11-05 00:16

设计与创作

22,038 个结果

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

设计与创作9 次安装

design

这是一个面向产品界面设计的技能包,用于与产品负责人一起设计、构建和评审产品 UI。它把设计规则、外部技能选择、屏幕规范和评审流程整合为一份文档,核心是:先在真实设计令牌上做成对样本让负责人选择,再遵循方法文档(method.md)建立产品套件(tokens.css、kit.css、kit README),界面只组合套件、不发明样式;外部设计集合只以令牌或原语形式进入套件,且方法优先。技能还按阶段指定主导技能(如方向阶段用 frontend-design、选项阶段用 UI/UX Pro Max、工作台屏幕用 Taste、图表用 dataviz、发布前用 Impeccable),并提供检查清单和颜色测量脚本。

设计与创作9 次安装

dimensional-drawing

这是一个用于生成 Apple 风格单色尺寸图的技能(Skill),安装后可通过触发词调用。它输出一份自包含的 HTML 图纸,包含标题块、注释块和 SVG 图纸,展示平面图、阴影包络、分解轴测图、细节视图和变量表格。主要特点是使用占位槽而非具体内容、变量代号而非数字、未提供的信息标记为 [TBD] 而不虚构。附带 dimensional-drawing-motion 技能,可将图纸动画化为约 11 秒的 1920×1080 视频。需要 Playwright 和 ffmpeg 用于无头渲染,但 Claude artifact 路径不需要。采用 MIT 许可证。

设计与创作9 次安装

magic-ui

Magic UI 是一个面向 React 的动画组件技能,用于在项目中添加、定制或排查 Magic UI 的动画组件,例如 marquee、globe、blur-fade、shiny-button、magic-card 等 @magicui 注册表组件。它从 UI 目标出发(区块类型、动效强度、响应式行为),确认项目为 React/Next.js + Tailwind 且已初始化 shadcn,然后通过 shadcn CLI 按名称安装组件,例如 npx shadcn@latest add @magicui/magic-card。集成时保持组件 API 不变,优先通过 prop 和 className 定制而非重写内部实现,并补充组件所需的额外依赖或 CSS 关键帧。最后进行质量检查:语义化 HTML 与键盘可访问性、标签与文本替代、移动端溢出,以及避免客户端专用包装和高动效叠加。技能附带 references/components.md(组件目录)和 references/recipes.md(区块级组合)。安装需要 Node.js 和网络访问,shadcn 必须已在项目中初始化;许可证为 MIT,下载体积约 82 MB。

设计与创作9 次安装