SuperAPI AI 工具集

Skill 广场

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

更新于 10-20 00:13

设计与创作

20,255 个结果

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

设计与创作226 次安装

canvas-design

Canvas Design 是一个用于创建 .png 和 .pdf 格式视觉艺术与设计作品的技能,专注于运用设计原则、色彩理论、排版和构图来产出专业品质的静态视觉作品。它适用于用户要求制作海报、传单、艺术插画、标志图标、品牌元素、信息图、数据可视化、演示幻灯片或营销物料等场景,也响应用户提出的“设计”“艺术”“海报”“视觉”“图形”等需求。该技能强调始终创作原创作品,不复制现有艺术家的作品。其核心能力涵盖设计原则(平衡、对比、层级、对齐、重复、邻近、留白)、色彩理论(配色方案、色彩心理学、60-30-10 法则、可访问性对比度)、排版(字体类别、层级、间距与对齐)、构图技法(三分法、黄金比例、焦点、视觉流、框架、层次、对称与不对称)以及完整的设计工作流(理解需求、概念开发、布局设计、视觉执行、精修)。资料还提供了海报、标志、信息图等设计模式,极简、醒目、优雅、活泼、企业等风格指南,PNG/PDF 技术规格与画布尺寸,最佳实践、反模式、示例和质量检查清单。

设计与创作225 次安装

slide-deck

Slide Deck 是一个用于构建浏览器端演示文稿的 Claude 技能,基于 React 18 + TypeScript + Vite 技术栈,配合 Framer Motion 动画、Tailwind CSS v4 样式、Recharts 图表和 Lucide React 图标。该技能的核心目标不是生成模板化的通用幻灯片,而是产出具有手工设计感、风格统一的演示文稿。它要求先向用户确认演示内容与主题,不得自行编造内容;随后根据目标情绪(自信、兴奋、平静、感动等)从预设风格(如 Bold Signal、Neon Cyber、Swiss Modern 等)中选择并严格贯彻,涵盖字体配对、配色方案与标志性视觉元素。整个幻灯片容器固定为 1280×720 像素并通过 CSS transform 缩放适配视口,对每类幻灯片的元素数量有严格上限,禁止内容溢出。技能还规定了动画规则、禁止使用的 AI 套路模式,以及完整的项目结构与质量检查清单。

设计与创作225 次安装