SuperAPI AI 工具集

Skill 广场

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

更新于 10-17 00:11

设计与创作

20,072 个结果

typeset

typeset 是 ui-craft 技能体系中的一个排版专项子技能,用于对界面进行系统性的字体排印检查与调整,覆盖字体选择、模块化字号比例、字距(tracking)、行高(leading)、字重层级以及微排版细节。它适用于字体显得千篇一律、字号随意、层级不清的界面场景。该技能强调规则不可调(knob-agnostic),例如标题不使用全大写、24px 以上使用 tracking-tight、正文只用一个字体等。使用时需加载 ui-craft 技能并阅读 references/typography.md,按字体清单、比例、字距、行高、字重层级、微排版、层级检查的顺序应用,并可直接编辑代码,最后输出 Review Format 表格并指出影响最大的一处改动。

设计与创作508 次安装

diagram-to-image

diagram-to-image 是一个用于把 Mermaid 图表和 Markdown 表格转换成 PNG 图片的技能。它通过 mermaid-red API(diagramless.xyz)生成高质量、带样式的图片输出,并支持自定义主题,无需在本地安装重型依赖。该技能适用于需要把 Mermaid 图或 Markdown 表格转成图片的场景,例如为不支持富文本格式的平台准备视觉素材,或为 X/Twitter 内容导出图片。使用时可用捆绑脚本调用渲染,脚本依赖 Node.js 内置 fetch(Node 18+),无需 npm install。脚本支持自动识别内容类型、指定主题、缩放倍数、背景色以及自定义服务器地址,也可通过标准输入管道传入内容。输出位置会优先使用用户指定路径,否则按项目中的图片目录(images、assets、img、static、public/images 等)依次选择,还会根据文章上下文或对话内容生成有意义的文件名,并在转换后告知保存路径、选择原因和文件大小。

设计与创作507 次安装

solid-drawing-mastery

Solid Drawing Mastery 是动画原则系列中的一项技能,聚焦于“立体绘制”这一维度原则:在动画与动态设计中营造三维形体、重量与体积的错觉。它强调形体而非符号、结构一致性,以及变换与运动在物理空间中的扎实感。资料涵盖核心理论、三维挑战、立体要素、与其他动画原则的交互、在 UI/动态设计、角色动画、动态图形和游戏设计中的应用、常见错误、构造方法、数字立体化技巧、切线陷阱及实现启发式。适用于需要维度支撑的运动、保持对象完整性的变换设计,以及让动画在结构上显得扎实的场景。

设计与创作505 次安装

design-md

DESIGN.md 是 Google 推出的开放规范(Apache-2.0,google-labs-code/design.md),用于向编码智能体描述视觉识别系统。单个文件由两部分组成:YAML front matter 承载机器可读的设计令牌(规范性数值),Markdown 正文承载人类可读的设计理由,并按规范章节组织。令牌给出精确值,正文告诉智能体这些值为何存在、如何应用。配套 CLI(npx @google/design.md)可校验结构与 WCAG 对比度、对比版本差异以发现回归,并导出为 Tailwind 或 W3C DTCG JSON。本技能适用于编写、校验、对比、导出和扩展 DESIGN.md 文件,帮助在多个项目或工具间保持一致的 UI 与品牌,也支持将现有样式指南移植为智能体可消费的格式,以及对配色进行对比度与无障碍验证。

设计与创作505 次安装

gaming-entertainment

该技能用于为游戏应用、流媒体平台、娱乐门户或互动媒体设计动画。它将迪士尼十二动画原则应用到界面与交互设计中,帮助打造更具沉浸感、情绪张力和参与度的体验。内容涵盖挤压与拉伸、预备动作、舞台化、逐帧与关键帧、跟随与重叠动作、缓入缓出、弧线、次要动作、时间节奏、夸张、扎实造型与吸引力等原则,并针对按钮按压、角色图标、成就解锁、播放按钮、开箱、关卡开始、主推内容、正在播放、通知、菜单导航、过场动画、胜利界面、加载界面、粒子效果、滑动手势、弹道、背景动画、得分更新等具体场景给出应用方式。同时提供行业时间标准参考,例如按钮按压100ms、菜单过渡200ms、胜利动画1000-2000ms、成就弹出500ms、卡片翻转300ms及对应缓动方式。核心思路是娱乐体验重在情绪,用动画放大兴奋、紧张、胜利与喜悦,在需要戏剧性的时刻不必克制。

设计与创作504 次安装

fintech-banking

该技能用于为银行应用、支付系统、投资平台或金融仪表盘设计动画。它将迪士尼十二动画原则应用于金融科技场景,强调以克制、精准、可信的方式处理与金钱相关的动效,帮助界面传达安全与专业感。内容涵盖挤压拉伸、预备动作、舞台调度、缓入缓出、时间节奏等原则在余额更新、转账流程、卡片翻转、图表呈现等具体场景中的用法,并给出按钮反馈、卡片翻转、转账步骤、余额更新、弹窗打开等动作的时长与缓动参考标准。核心主张是:每个动画都应强化信任与安全,动效需显得审慎、准确且高级。

设计与创作503 次安装

gesture-responses

该技能将迪士尼动画十二原则应用于触摸与点击等直接操作交互,为按钮按压、拖拽反馈、滑动响应、点击涟漪等手势动画提供设计指导。内容涵盖挤压拉伸、预备动作、舞台调度、跟随与重叠、缓入缓出、弧线、次要动作、时间节奏、夸张、扎实造型与吸引力等原则在手势场景中的具体应用,并给出按压、释放、涟漪、拖拽、滑动、捏合等手势的时长与缓动建议,以及按钮按压、Material 涟漪、拖拽反馈的 CSS 与 JavaScript 实现模式。核心规则是手势响应须在 100ms 内完成,以维持直接操作的连贯感,并建议在真实触摸设备上测试。

设计与创作503 次安装

design-review

Design Review 是一个用于设计/UI 审查与审计的技能,基于 Nielsen 十大启发式原则,从 6 个加权维度对设计进行结构化评分,并输出按优先级排序的问题清单。6 个维度及权重为:视觉层级 20%、一致性 20%、可访问性 20%、可用性 20%、响应式 10%、性能 10%,最终计算加权总分。该技能适用于用户希望对界面或流程进行设计评审、审计或质量评估的场景。使用前需确认配套资源包(kit)是否已安装:通过检查 tokens 目录是否存在来判断,若缺失则提示用户运行 npx ux-ui-agent-skills init 或安装插件,并停止执行,不猜测无法打开的文件内容。执行流程包括:读取工作流文件获取评分标准与流程、收集屏幕/流程、目标用户、平台与约束等上下文、对 6 个维度评分并计算加权总分、结合 WCAG 检查清单进行可访问性审查(对颜色搭配存疑时使用对比度脚本)、对照设计品味文件中的禁用默认项清单检查、应用 Nielsen 十大启发式并标注违规编号。输出内容包括:6 维度评分表与总分、按优先级排序的问题表(编号、严重程度从 Critical 到 Enhancement、问题描述、改进建议),以及引用设计令牌的具体修复方案。

设计与创作503 次安装

video-production

该技能为「可编程与自动化视频制作」提供规划与路由能力,适用于需要可重复、模板驱动或自动化批量生产的视频工作流。技能本身不直接剪辑视频,而是先把制作需求标准化,再为用户选择最合适的制作模式,最终产出一份可直接执行的制作方案包。它支持四种制作模式:代码优先的可编程视频(如 Remotion、React 合成、动态数据注入)、模板/API 自动化(如批量生成、本地化、个性化变体)、长视频再加工流水线(切片、字幕、重排、多平台封装)以及人工收尾的混合模式。技能会明确最小素材包、QA 风险与交接边界,并特别重视字幕、安全区与画幅变体等易被忽视的环节。当用户提出 Remotion、代码渲染、视频 API、模板批量生成等需求时,该技能可给出对应的技术栈建议与实施计划。若任务只是 Premiere、After Effects、CapCut 中的一次性手工剪辑,或仅涉及文案、投放策略而非制作流程,则不在该技能适用范围内。部分细节如具体定价、平台限制、效果数据暂未提供。

设计与创作502 次安装

paper-illustration

Paper Illustration 是一个用于生成学术论文配图的技能,通过多阶段、由 Claude 监督审阅的工作流,产出达到出版质量的 AI 插图。它使用 Gemini 进行图像生成,可创建架构图、方法示意图等。核心流程为:Claude 作为规划者解析请求并生成初始提示词,Gemini(gemini-3-pro)优化布局描述,再进行 CVPR/NeurIPS 风格校验,随后由 Paperbanana(内部代号 Nano Banana Pro,gemini-3-pro-image)渲染最终图像,最后由 Claude 以严格标准进行视觉审阅并打分(1-10 分)。评审分数需达到目标分 9 分才接受输出,否则生成具体的改进反馈并循环回布局优化步骤,最多迭代 5 轮。该技能强调符合 CVPR/ICLR/NeurIPS 顶会风格:纯白背景、无衬线字体、3-5 种协调配色、打印友好、粗箭头与清晰箭头方向等。支持可选的风格参考功能,用于对齐参考论文的图注长度和图密度分布,但不会复制参考图的颜色或设计元素。主要适用于架构图、方法插图等,不适用于统计图表或照片级真实图像。

设计与创作502 次安装

interaction-design

Interaction Design 是一套面向交互设计与微交互的提示词技能,来源为 aj-geddes/useful-ai-prompts 仓库。它围绕用户如何与系统互动这一核心问题,聚焦通过反馈与响应性营造直观、愉悦的使用体验。该技能适用于设计用户流程与触点、创建动画与过渡、定义错误与加载状态、构建微交互、改进可用性与反馈,以及处理移动端交互模式等场景。资料中列举了常见交互模式,包括滑动、长按、捏合缩放、拖拽和双击,并为每种模式说明了用途、反馈方式、无障碍或降级方案,例如滑动需提供键盘方向键替代、长按约 500ms 触发、捏合缩放需设定最小与最大缩放边界、拖拽需提供按钮式替代方法。技能还包含动画与过渡设计、错误处理与反馈、交互无障碍三份参考指南,以及一组最佳实践:动画时长应控制在 400ms 以内,提供清晰视觉反馈,用动画引导注意力,尊重用户的减少动态偏好,保证交互可撤销,使用键盘与屏幕阅读器测试,提供多种交互方式,兼顾触屏与鼠标,使用合适的缓动曲线并记录交互行为;同时避免仅为装饰而动画、动画超过 500ms、忽视对动态敏感的用户、移除焦点指示器、把用户困在模态框中、使用令人困惑的动画、对所有元素都加动画、忽略加载状态与错误状态以及跳过无障碍测试。具体的完整实现代码在资料中未提供,官方文档与安装命令亦暂未提供。

设计与创作501 次安装

design-studio

Design Studio 是一个可移植的设计工程 Agent Skill,面向 Studio(创建、扩展或改造交互界面)、Review(在保留交互视觉世界的前提下审计与打磨)以及 Document(报价、发票、SOW、提案、报告、简报、打印/PDF 等分页文档)三类工作。它通过角色边界划分(Planner、Visual Director、Builder、Evaluator、Orchestrator)与来源隔离机制,将产品框架、盲源视觉方向、实现保真度与渲染评估分离,并由 Orchestrator 独占 SELECT / REFINE / PIVOT / SHIP / ESCALATE / HALT 决策权。该技能以 Design Intent 作为 Studio/Review/Document 的消歧依据,通过 method-router.json 路由到对应流程,并强调以机械证据、盲评估与验收结果而非目录存在或高分来证明权威。

设计与创作501 次安装

ios-glass-ui-designer

iOS Glass UI Designer 是一个面向移动应用界面重设计的技能,定位为资深 iOS 产品设计师角色。它依据 Apple Human Interface Guidelines 与 iOS 材质系统(半透明与模糊),将移动应用 UI 重新设计为具有明显 iOS 原生感、Apple 风格玻璃材质的界面。其设计哲学强调原生优先于自定义、克制优先于炫技,玻璃材质只用于表达层级、焦点与上下文,而非装饰性主题。视觉上采用系统优先字体(SF Pro 风格)、中性色板与少量强调色,并按超薄、常规、厚三种材质区分使用场景。布局遵循 iOS 原生模式,默认适配安全区域,触控目标不小于 44pt,以垂直滚动为主要导航方式。输出要求为每个重设计屏幕提供设计意图、布局结构、材质映射、字体映射、交互与动效说明以及 iOS 原生合理性论证,并明确列出应避免的过度设计、满屏玻璃、霓虹与重渐变等做法。

设计与创作501 次安装

jimeng-api-image-gen

jimeng-api-image-gen 是一个用于调用火山引擎即梦(Jimeng)AI 4.0 API 生成 AI 图像的技能(Skill)。它支持根据文本提示词进行文生图,也支持以输入图片做图生图编辑,使用火山引擎 IAM v4 签名(HMAC-SHA256)认证。通过环境变量配置访问密钥后,可运行脚本执行生成任务,并支持指定尺寸(1K/2K/4K 或精确宽高)、图生图输入 URL、水印、文本影响度、本地保存路径及原始 JSON 输出等选项。生成成功后需以 Markdown 图片语法直接展示图片,并附上提示词、尺寸与保存路径等生成信息。

设计与创作501 次安装

stop-describing-ui

停写说明书(stop-describing-ui)是一套用于精简用户界面文案的规则集合。它的核心观点是:界面本身已经展示了用户可以做什么,不需要再向用户解释自己。用户读到的每一句话都是行动前的负担,因此只有当用户在缺少这句话时会犯下真实错误时,才应保留句子。它同时适用于撰写 UI 文案和审查现有 UI 文案两种场景。撰写时边写边套用规则;审查时逐条字符串套用规则,并以修改前后的对照形式给出结果。规则涵盖九个方面:不要描述功能而应命名动作、使用具体动词、只保留最关键的一条后果、不要描述后端行为、当同一控件可撤销时不要解释如何撤销、不要重复页面标题与导航已表达的含义、不要陈述不存在的内容、用按钮或开关而不是文字来说明如何启用、不要只依赖文字而应拆分短句并配图标。资料还提供了一份按顺序提问的检查清单,并强调:如果检查后什么都不剩,那就什么都不要留,空的辅助文字槽位好过填充句。

设计与创作500 次安装