SuperAPI AI 工具集找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 11-05 00:16
22,045 个结果
Animate 是一个用于维护和提供网站可复用动画本地目录的技能。它将零散的动画示例整理成可浏览的动画库，并分配稳定的 ID 和路径。用户可以在浏览器中查看现成的演示并评估效果，还能获得可供其他智能体参考、复制并适配到项目的实现文件夹。目录采用纯 HTML、CSS 和 JavaScript，无需构建步骤，并按四种模式组织：#idle 持续运动、#transitions 进入与状态变化、#interactions 交互响应、#backgrounds 环境背景运动。每个动画拥有固定 ID 前缀，并以独立包形式存放 meta.json、demo.html、styles.css、script.js 等文件；界面保持极简的 SABLE 视觉语言。它适合动画示例的策划、增补、细化与定位，但本身不直接把动画集成到目标项目，且需遵循减少动态效果、清理资源和依赖声明等执行规则。
应用整洁架构的依赖方向与按参与者划分职责规则进行系统级边界设计，将业务逻辑与基础设施分离，并提供识别、划界、验证的集成清单及违规检测命令。
GoF 设计模式的决策指南，将 23 种经典模式按代码症状、目标、相似模式区分等方式整理为选择参考，并附各模式的结构说明文件，帮助开发者在实现前选对模式。
用于 Storefront Next 垂直方案的 Figma 设计套件创建与同步技能：复制官方套件、依据 brand.css 更新 Brand 变量集合、在正确图层编辑组件并维护 Code Connect 映射。需 Figma MCP 服务器与文件编辑权限。
Full Stack Builder（FSB）模型是一套把产品专业角色整合为 AI 增强型“全栈构建者”的框架，用于提升交付速度与适应性。核心是让个人构建者借助自动化与专用智能体，把想法从洞察推进到上线，人类专注判断力等高杠杆工作。
这是一个平面设计基础技能模板，覆盖字体排印、色彩理论、版式布局与视觉传达等主题。该技能目前标记为“遗留模板，等待研究升级”，最后验证日期为 2025-11-08，置信度低。资料明确提示：在置信度提升至中或高之前，不应依赖此技能。使用流程要求先查看研究清单模块并收集最新来源，再检查已知缺口模块并解决待办事项，只有在验证之后才从目录中加载具体主题模块，并在置信度改善时更新元数据。
基于亚历山大·奥斯特瓦德商业模式画布九大模块的技能，用于梳理客户细分、价值主张、渠道、客户关系、收入来源、关键资源、关键活动、关键合作与成本结构。适合在 Claude 中分析公司或创业想法的商业模式。
canvas-design 是一个用于创作视觉艺术作品的技能，能够生成 .png 和 .pdf 格式的设计作品。当用户要求制作海报、艺术作品等视觉内容时，可使用该技能。其工作流程分为两步：先创建一份设计哲学（以 .md 文件输出），再将该哲学在画布上以视觉方式表达（输出 .pdf 或 .png 文件）。作品强调 90% 视觉设计、10% 必要文字，追求博物馆或杂志级别的专业工艺感。
滚动体验架构技能，专注打造沉浸式滚动驱动网页，包括视差叙事、滚动动画、交互叙事与电影感体验，兼顾性能与视觉冲击。
Theme Factory 是一套为幻灯片、文档、报告、HTML 落地页等产物套用主题样式的工具包，内置 10 套预设主题，每套包含配色方案与字体搭配。
impeccable-onboard 是 impeccable.style /onboard 工作流的纯技能（skills-only）等价版本，用于设计或改进产品的新手引导流程、空状态和首次使用体验。它帮助用户快速理解、采纳并成功使用产品，核心目标是让用户尽快到达"顿悟时刻"。该技能以优秀的前端设计原则作为基础护栏，将用户提到的命令参数视为范围提示，并在上下文缺失时主动提出澄清问题。它覆盖引导需求评估、引导原则、初始产品引导、功能发现与采纳、引导式导览、交互式教程、文档与帮助、空状态设计、实现模式以及引导质量验证等完整内容，强调"展示而非说教"、渐进式披露、可跳过、尊重用户时间与智力，并明确列出应避免的反模式。
impeccable-quieter 是 impeccable.style /quieter 工作流的纯技能（skills-only）等价实现，用于在仅支持技能的环境中运行原始的 Impeccable /quieter 流程。它的核心用途是降低过于大胆、激进或视觉刺激过强的设计强度，在保留设计质量与有效性的前提下，营造更精致、更亲和的美学效果。该技能以 frontend-design 原则作为基础护栏，将用户提到的命令参数视为范围提示，并在上下文缺失时主动提出澄清问题。它要求先收集目标受众、使用场景、品牌调性等必要上下文，再评估当前设计中强度过高的来源（如色彩饱和度、对比极端、视觉重量、动画过度、复杂度、尺度等），随后制定并执行精炼策略，从色彩、视觉重量、简化、动效、构图等维度系统性地降低强度，最后验证质量。
impeccable-teach-impeccable 是 impeccable.style 中 /teach-impeccable 工作流的纯技能（skills-only）等价版本。它用于一次性为项目收集设计上下文，并将结果持久化到 AI 配置文件中，供后续所有会话使用。该技能会先扫描代码库（README、配置文件、现有组件、品牌资产、设计令牌等），再针对无法从代码推断的部分向用户提出以用户体验为中心的问题，涵盖用户与用途、品牌与个性、审美偏好、无障碍与包容性等方面，最后将结论整理为 Design Context 段落写入项目根目录的 AGENTS.md。
Figma 是一个通过 Flue 本地桥接工具从命令行控制 Figma 桌面应用的技能。它无需 MCP 服务器，而是借助 Figma 插件桥接 Plugin API。编码代理运行 figma_bridge.py 命令（如紧凑构建、树查看、设置属性、截图、表格或 raw JS eval），并接收结构化 JSON 返回。Flue Bridge 开发插件在打开的文件中运行，将任务带入 Plugin API。适用于需要在 Figma 内检查文件、构建或修改框架与组件、应用效果、导入图片或视觉审查设计的场景。安装需运行 pip install flue && flue setup；首次使用需在 Figma 桌面端手动导入插件并配对。Flue 也支持 Photoshop、Illustrator 等其它应用。使用时需注意安全：每个调用为一步撤销，未经明确要求不要保存、发布或删除。
将 Markdown 文档转换为带语音讲解的 MP4 视频，自动生成同步的演示画面与朗读解说，保留原始文件并输出演示稿、解说稿和视频。
Design SCAD 可将想法、文字提示或草图转为可打印的 OpenSCAD 参数化模型（.scad）及预览 PNG，面向 FDM 3D 打印。仅做新设计，复刻已有 STL 请改用 stl-to-scad。
nby-awesome-design-md 是一个将真实网站设计系统应用到项目的技能，通过 DESIGN.md 文件实现。它由 VoltAgent/awesome-design-md 提供支持，内置 54 个真实网站的设计系统，覆盖 AI 与机器学习、开发者工具、基础设施与云、设计与生产力、金融科技以及企业与消费等多个领域。当用户提出“使用 Stripe 设计”“应用 Notion 风格”“DESIGN.md”“design system”等需求时触发。该技能会先确保本地缓存仓库存在，再根据用户指定的品牌名映射到对应目录，将选定的 DESIGN.md 复制到项目根目录，并简要总结该设计系统的关键特征（主色、字体、风格），随后在生成 UI 时以 DESIGN.md 作为颜色、排版、间距、组件和布局的唯一依据。
用于开展可用性测试的技能，覆盖测试计划、主持脚本、发现记录与可执行改进建议，帮助验证设计、发现问题并收集用户反馈。
一个通过访谈用户来创建 DESIGN.md 的技能：先读取仓库现有设计线索，再逐个提问用户，逼出具体、非默认的视觉识别，最后生成可校验的 DESIGN.md 设计规范文件，作为应用外观的提交源。
这是一个用于 Superwall 框架的技能，专门为点击式引导流程（如问卷、调查、web2app 流程）添加动画，让页面切换、答案胶囊、进度条和按钮的运动共同讲述流程故事。该技能不改变页面内容，只改变运动方式，使读者感受到问题背后的叙事，并让点击答案成为推进流程的视觉动力。它强调每个页面间的交接都拥有独立的过渡动画，并遵循「帧 A 到帧 B 共享同一几何」的规则，确保从答案到进度条、图片等元素的变形自然流畅。
mobile-design 是 Superwall 技能库中的移动端设计技能，用于让网页界面在手机 App 内呈现出原生体验，例如付费墙、引导页或问答页、优惠页、更新页等任何在 WKWebView 或 Android WebView 中渲染的界面。其核心判断标准是：用户会将它与周围的原生页面比较，而非与其他网页比较。技能主张 1:1 还原设计参考，不擅自增加设计稿之外的元素或装饰效果；遵循各平台规范，包括 iOS、Android、Web 与触屏交互细节；固定主操作按钮不随页面滚动，并处理安全区与返回、关闭等界面元素；重视输入框字号与键盘类型以避免 iOS 缩放，并考虑软键盘遮挡；动效只用于有明确目的的功能性动作，提供缓动曲线与时长参考值，并遵循减少动效偏好。
面向退款、取消、争议或拒付场景的技能，用于设计客户权益与支持动作的一致后果，确保已消耗价值、访问权限和支持操作不发生冲突。
Walkthrough 是一个用于把设计（规格说明、架构简报、程序等）渲染成自包含 HTML 页面的技能，让人能从整体上理解设计并与他人讨论。它强调 Markdown 源文件是唯一事实来源，智能体只读取这些源文件，而 HTML 页面是给人阅读的视图，只负责解释和展示，不做任何决策。页面中每个决策、示例、数字、名称和状态都必须来自源文件。该技能提供从框架、撰写、渲染检查、对照源文件校验到呈现的完整流程，并要求在真实浏览器中按读者常用尺寸检查页面。
这是一个用于制作约8秒短场景的视觉技能，画面在缓慢漂移的颗粒感渐变上展开。每个场景有两种形式：大标题卡（一行斜体衬线文字叠加一个巨大的无衬线粗体单词），或极细轮廓示意图（左上短标题与逐步描绘出的简单线稿，如文档、气泡、文件夹、网格、路径）。提供紫丁香到琥珀、蓝到奶油、绿到青柠等多种取样调色板，并规定了统一的暖白字体颜色、约4–6%强度的胶片颗粒、缓动动画节奏（开头0.4–5秒模糊聚焦与逐件描绘，5–8秒保持漂移），适用于视频片头、章节卡、README或讲解图形等场景；具体工具与实现依赖Tella Motion及相关技能。