SuperAPI AI 工具集

Skill 广场

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

更新于 10-28 00:17

设计与创作

21,078 个结果

space-brand-ui-design

space-brand-ui-design 是一个用于生成品牌风格 UI 代码的 AI 技能。它根据用户提到的品牌名称,从 getdesign.md 自动获取对应的设计规范(DESIGN.md),解析其中的颜色、字体、组件样式、间距、圆角与阴影等设计 token,再据此生成匹配该品牌风格的 UI 代码。该技能内置 62 个顶级品牌风格,覆盖科技/AI 产品、开发者工具与基础设施、金融/加密、消费品/汽车等领域,代表品牌包括 Apple、Notion、Claude、Stripe、Linear、Figma、Cursor、Vercel、Supabase、Airbnb、Nike、BMW、Tesla 等。技能支持中文与英文品牌名识别,也支持多品牌混搭风格。当用户表达“XX风格”“做成XX的感觉”“参考XX设计”等意图时触发。默认输出完整的单文件 HTML(含内联 CSS),用户明确指定时可输出 React 或 Vue 格式。

设计与创作39 次安装

game-design-core-loop-extractor

该技能用于从游戏、功能集合或提案中提取真正的核心循环,依据玩家重复行为、反馈、奖励与重新投入的动力来判断。当团队能描述机制、系统与内容,却说不清持续驱动体验的“行动—反馈—动机”循环时适用。技能会产出:提取出的核心循环、循环步骤拆解、循环驱动力、循环断裂与无效步骤、设计启示,以及最小修复建议。它强调核心循环是可重复的动机回路,而非装饰性功能清单,并帮助区分核心循环与成长、经济、元、社交、留存等辅助循环。同时提供快速模式与常见误区提示。该技能属于 Stanislav Stankovic 的 Game Design Skills Bundle,采用 PolyForm Noncommercial 1.0.0 许可,个人、学术与非营利使用免费,商业使用需授权。

设计与创作39 次安装

saas-motion-video

这是一个用于为软件产品制作宣传/动态视频的技能包,基于 HyperFrames 工作流,采用 saas-motion-kit 的七阶段流程:需求简报 → 组件清点 → 主题选择 → 分镜与创意 → 构建 → 声音 → 交付。每个阶段都设有需要人工确认的门槛,强调用户主导创意方向,并要求每部影片避免重复特效、转场与组件,至少发明一个新组件。适合需要产出 SaaS 产品宣传片、产品发布视频或循环动画的创作者使用。

设计与创作39 次安装

lifestyle-scene

Lifestyle Scene(生活场景图)是 ecommerce-image-skills 中的一个技能,用于把真实产品放入可信的生活或使用场景中(厨房、浴室、书桌、户外、健身房、卧室、节日等),生成适合商品列表图、广告和社交媒体的图片。它先为产品建立“身份锁定”(形状比例、颜色质感、Logo 与印刷文字、部件细节、禁止出现项),再按场景库和提示词模板生成图片。支持 Claude Code、Codex、Cursor 等可加载 SKILL.md 的智能体,默认模型为 GPT Image 2.5 Flare,可切换 Sunburst。提供内置图像工具、API 密钥脚本、无工具时输出提示词并给出在线运行链接三种生成路径,并附带平台尺寸规范与质检说明。

设计与创作39 次安装

liquid-glass-motion

面向 Liquid Glass 与 SwiftUI 动效的 AI 技能包,聚焦 iOS 26+、macOS 26+ 到 iOS 27 的动画、形变(morphing)与着色器(shader)最佳实践。它强调玻璃材质不应通过透明度淡入淡出,而应通过材质化(materialize)与透镜调制来呈现;玻璃尺寸变化即材质变化,形变必须使用系统动画而非手工伪造。技能内含按需加载的参考文件路由,覆盖动画基础、玻璃形变、导航过渡、滚动驱动动效、阶段与关键帧动画、减弱动态效果适配、Metal 着色器与玻璃的配合,以及性能分析与 xctrace 采样。同时提供录制与解析 Instruments trace 的脚本。

设计与创作39 次安装

ai-product-photo

AI Product Photo 是一个专门用于生成专业产品摄影图片的技能,适用于电商主图、营销横幅、生活方式场景图等商业视觉需求。它不依赖随机生成,而是强调用商业摄影的系统化方法构建提示词,突出产品价值并适配具体平台要求。该技能指定使用 Glif 上的 Nano Banana Pro Text 2 Image 模型(ID:cmi7ne4p40000kz04yup2nxgh,约 20 秒出图),并明确不建议使用 imagen-3、DALL-E、Flux 或直接调用 Replicate API(除非特别要求)。在正式生成前,技能建议先做风格探索,针对新品或新品牌生成 5 种不同视觉方向(如纯白电商风、生活场景风、暗色高级风、杂志编辑风、温暖自然风),再根据品牌定位选定方向并提炼原则。技能覆盖主图、细节图、场景图、组合图、平铺图、尺寸参照图等拍摄类型,并针对电子、服饰、食品、美妆、珠宝手表、家居等品类给出提示词要点。同时包含布光、背景、构图、道具和平台适配(Amazon、Shopify、Instagram、Hero Banner、Pinterest)等系统化指导,并提供从需求收集、风格探索、提示词构建、生成、复盘迭代到定稿的执行流程。

设计与创作38 次安装

figma-automation

Figma Automation 是一个通过 Rube MCP(基于 Composio 的 Figma 工具包)自动化 Figma 操作的工具。它支持读取设计文件与组件信息、导出和渲染图片、提取设计令牌并转换为 Tailwind 配置、管理评论与版本历史,以及浏览团队项目与文件。使用前需连接 Rube MCP 并激活 Figma 连接,且每次应先调用 RUBE_SEARCH_TOOLS 获取最新工具 schema。该工具仅支持 Figma Design 文件,不支持 FigJam 白板和 Slides。

设计与创作38 次安装

design

这是一套面向前端界面设计的技能指南,主要用于在 Angular、React 或 Blazor 项目中进行设计、重设计与界面改进。它强调移动优先,先从 375px 小屏规划内容层级、触控目标与垂直节奏,再向更大断点扩展。该技能建议先明确需求简报,再选择 Persuade、Operate、Read 或 Experience 四种设计模式,然后按框架约定落地,并在交付前通过可访问性、响应式、排版、间距、动效与状态设计等质量底线检查。内置 shape、layout、typeset、colorize、adapt、audit、harden、onboard、polish 等子命令,并附带大量移动优先、断点、排版、配色、无障碍、组件模式等参考文档。

设计与创作38 次安装