SuperAPI AI 工具集

Skill 广场

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

更新于 10-18 00:12

设计与创作

20,142 个结果

html-ppt-skill

html-ppt-skill 是一个用于制作专业 HTML 演示文稿的 AgentSkill,提供 36 个主题、14 个完整演示模板、31 种页面布局和 47 种动画(27 种 CSS 动画加 20 种 canvas FX)。整个方案基于纯静态 HTML/CSS/JS,无需任何构建步骤。每份演示文稿遵循统一结构,引用 assets/base.css、单个主题文件以及 runtime.js,通过替换一个 link 即可切换整套外观,通过 section 上的 data-layout 选择布局,通过 CSS 类和 data-fx 属性添加动画。适合演讲、融资路演、技术分享、周报、课程模块以及小红书图文等场景。

设计与创作473 次安装

html-visual

html-visual 是一个用于生成交互式单文件 HTML 可视化的技能。它根据用户请求的首个关键词判断可视化类型,支持 UI 高保真原型(mockup)、低保真线框图(wireframe)、实体关系图(ERD)、流程图与序列图(flow)、数据图表(chart)、演示幻灯片(slides)、架构图(arch)、复合仪表盘(dashboard)、时间线与甘特图(timeline)、思维导图(mindmap)、看板(kanban)以及交互式数据表格(table)。生成内容以单个 HTML 文件交付,文件名按类型前缀加名称命名,如 mockup-login-form.html。该技能可读取用户提供的文件路径(如 schema.prisma)进行分析后可视化,也可直接修改已有 HTML 文件而不从头重建,并配有各类型专属的设计指南和验证步骤。

设计与创作472 次安装

Animation Principles - Quick Start

该技能面向需要在 5 分钟内快速了解全部 12 条动画原则的用户。内容涵盖迪士尼动画师在 1930 年代总结并沿用至今的经典动画原则,每条原则以约 30 秒的篇幅进行简要说明,包括挤压与拉伸、预备动作、舞台呈现、逐帧与关键帧、跟随与重叠动作、缓入缓出、弧线、次要动作、时间节奏、夸张、扎实的绘画以及吸引力。文档还按用途将原则分为四组:让动作正确、让角色有生命力、让画面清晰易读、让作品富有吸引力,并给出唯一入门练习——制作弹跳球的动画,认为该练习可同时训练时间节奏、挤压与拉伸、弧线和缓入缓出。

设计与创作471 次安装

exaggeration-mastery

Exaggeration Mastery 是一份关于动画“夸张”原则的技能指南,属于 dylantarre/animation-principles 技能集。它讨论如何让动作超越写实、根据场景校准动画强度,并让关键时刻被观众感知。内容涵盖核心理论(镜头会丢失维度与触感,夸张用于补偿这种损失;夸张提炼动作本质而非追求准确)、夸张程度谱系(从 1.1-1.2 倍的微妙到 2 倍以上的戏剧化)、适合夸张的要素(姿势、时间、间距、挤压拉伸、弧线、表情)、不适合夸张的要素(运动中的比例、同一物体物理规律不一致、所有东西同等夸张)、与其他动画原则的交互(挤压拉伸、时间、预备动作、舞台调度)、不同领域的应用(UI/动效设计、角色动画、动态图形、游戏手感)、常见错误、克制悖论、场景校准方法以及实现启发式。

设计与创作471 次安装

Animation Principles - Expert

该技能针对已熟练掌握动画十二原则的专家用户,探讨如何有意识地打破规则、实现风格创新并拓展创作边界。内容包括:反挤压拉伸(僵硬动作营造诡异、机械或空灵质感)、省略预备动作(如《蜘蛛侠:平行宇宙》用于施加快切节奏)、反布局(刻意模糊重点制造不安与神秘)、纯方法创作(从头到尾或纯姿态对姿态)、中断跟随动作(动画中的定格冲击帧)、线性时间(去除缓动的机械精密或梦幻漂浮)、断裂弧线(锯齿路径表现昆虫、机器人或心理断裂)、冲突的次级动作(肢体语言与主要动作相悖)、错误时间(喜剧中的延迟反应与定格)、减弱夸张(超写实与动捕)、扁平绘画(UPA风格与《武士杰克》)、不适的吸引力(《莱恩和史丁比》的怪诞魅力)。最终指向一种超越原则的整体理解:每一帧都服务于故事与情感,技术卓越性应隐形,风格源自一致的原则权重,创新来自基础元素的重新组合。

设计与创作470 次安装

design-system-creation

Design System Creation 是一个用于构建完整设计系统的技能,帮助团队实现一致的 UI 开发。它覆盖设计系统的基础层(颜色、排版、间距、阴影等设计令牌)、组件层(按钮、输入框、卡片、导航)以及模式层(表单、布局、空状态)。该技能提供设计令牌的 CSS 变量示例、组件文档模板(含解剖、变体、状态、无障碍说明)、React 组件示例,以及治理规范(评审委员会、贡献流程、语义化版本、弃用通知)。适用于建立或统一设计系统的场景,强调从基础令牌入手、完整文档化、符合 WCAG 2.1 AA、支持深色模式并附使用指南。

设计与创作470 次安装

extract

extract 是 aladicf/better-web-ui 技能集中的一项设计系统抽取技能,用于把可复用的组件、产品模式与设计令牌抽取并整合为更清晰的设计系统,提供共享 API、有文档的默认值和更好的复用性。它先识别重复出现的组件、硬编码数值和同一概念的不一致实现,再评估复用价值、制定抽取计划,产出带清晰 props API、合理变体、内置无障碍支持(ARIA、键盘导航、焦点管理)与用法示例的组件,以及命名清晰、层级合理的令牌,随后系统化迁移旧用法、删除死代码并更新文档。已使用 shadcn/ui 等组件库时,它更倾向抽取本地包装、可复用组合与有文档的模式,而非重复复制上游基础组件。

设计与创作468 次安装

photoshop-automator

Photoshop Automator 是一个用于自动化 Adobe Photoshop 的技能(版本 v1.2.4),通过 COM/ExtendScript 桥接,在 Windows 和 macOS 上借助 VBScript 或 AppleScript 调用 ExtendScript(JSX)引擎,从而驱动 Photoshop(vCS6 - 2026+)执行操作。它提供 runScript、updateText、createLayer、applyFilter、playAction、export 等命令,支持运行原始 ExtendScript 代码、按名称更新文本图层内容、创建带不透明度和混合模式的新图层、对当前图层应用高斯模糊、按名称和组播放录制的动作(.atn),以及将当前文档导出为高质量 PNG 或 JPEG。该技能要求脚本仅使用 ES3 语法,不支持 const、let、箭头函数、模板字符串及 Map/Set;命令默认作用于当前活动文档,若无打开的文档脚本会失败,除非脚本自行调用 app.documents.add()。需预先在主机上安装 Adobe Photoshop,技能会自动使用已注册的 COM 服务器。由于 runScript 可执行任意 ExtendScript 并直接访问宿主文件系统,可能创建、修改或删除本地文件,因此建议在执行动态生成的脚本前先行检查。

设计与创作466 次安装

pixel-art

pixel-art 是一个专注于像素艺术的 AI 技能,提供从基础到进阶的像素画专业知识。其内容覆盖像素艺术的核心原则(如有限调色板、抖动图案、子像素动画、瓦片设计)、复古硬件限制(NES/SNES/GBA 的调色板限制、精灵尺寸、扫描线预算),以及现代「HD-2D」混合技术(如《歧路旅人》的 2D-in-3D 手法)。该技能强调像素艺术是一种独立媒介,而非低分辨率数字绘画,主张「每个像素都必须证明其存在价值」,认为约束是创作工具。它以 Aseprite 工作流为专业实践基础,并包含对剪影可读性、帧数取舍、反锯齿误区等实战经验的总结。该技能依托参考文件系统运行:创建时参考 patterns.md,诊断时参考 sharp_edges.md,审查时参考 validations.md,并以这些文件为知识源进行响应。适用场景包括像素画创作指导、作品诊断与审查;具体安装方式、平台与费用暂未提供。

设计与创作466 次安装