SuperAPI AI 工具集

Skill 广场

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

更新于 11-04 00:13

设计与创作

21,945 个结果

draw-io

该技能用于在 AI 智能体环境中创建、编辑、导出和审查 draw.io 图表。它支持生成原生 .drawio XML,编辑或重构已有文件,导出为 PNG、SVG、PDF、JPG,并可借助内置脚本检查连线路由、边框重叠、标签碰撞、文字对比度不足、文字溢出等问题。技能默认以可编辑的 .drawio 为源文件,导出 SVG 后运行 lint 脚本再展示结果,同时要求进行视觉复核。它还提供视觉模板、示例图表、AWS 图标检索脚本,以及面向仓库维护的 npm 检查与文档构建命令。适合需要把架构图、流程图、依赖关系图等作为可维护代码资产来管理的开发与研究场景;具体收费、平台限制等信息暂未提供。

设计与创作11 次安装

game-product

Game Product 是一个用于游戏产品设计的技能,聚焦于以「游玩、精通、幻想或成长」为核心承诺的游戏设计。它强调核心循环、元循环与会话循环必须被明确命名且各自独立有趣,基础游玩在无付费加速的情况下仍然可行,操作手感、反馈与失败反馈需在真实输入设备上测试,软启动应是有边界的学习性曝光而非隐藏的全球发布。该技能按需打开当前游戏所需的文件,涵盖主题与循环、成长与任务、手感与反馈、社交系统、常青世界、实时运营、体验质量、系统集成、验证、品类检查、多人信任以及操作自测等方向。它建议配合 game-economy 评估经济来源与消耗,配合 game-soft-launch 评估有界曝光,并在承诺是重复性任务而非游玩时改用 app-product。

设计与创作11 次安装

solidcraft-ui

solidcraft-ui 是 SolidCraft 项目在 crates/ui-egui 中维护 UI 的功能技能说明。它适用于新增或修改对话框、面板、菜单、浮层、画布、相机输入、滑块、图标或颜色等场景。该 UI 层设计较薄,主要读取引擎状态,并通过 app.run(id, params) 或 app.start(id) 执行命令;对话框本质上是构建命令参数的表单。所有面板、浮动面板、菜单、浮层和平台 UI 窗口均通过 ui_kit::Container 统一实现;系统与报告窗口使用 ui_kit::Window,禁止在功能模块中自行构造 egui 宿主、外框或阴影。颜色、字体、尺寸和间距来自 theme::Tokens,功能代码中不得出现字面颜色;滑块须使用 ui_kit::slider,表单行使用 row、expr_row、text_row、choice_row 和 count_row,确认框使用 ui_kit::Confirm。凡带相机的页面或画布均须调用 navigation::handle 并传入 NavCaps,不得手写相机输入。命令图标为原创 SVG 源文件,经 icon_svg.rs 编译。所有标签、工具提示和消息须经文本目录管理。该技能还要求通过运行应用、查看截图以及 UI 场景测试来验证结果,并避免长耗时工作阻塞窗口。

设计与创作11 次安装

ui-design

ui-design 是一个用于生成 HTML UI 原型稿的技能,设计稿存放在 ideas/[project]/docs/ui-designs/ 目录中。它支持单稿生成,也支持通过并行 ui-ux-designer 智能体同时探索多个变体(--variants),并可指定技术栈(--tech vanilla/shadcn/chakra)。生成的 HTML 为自包含文件,内嵌 CSS/JS,使用 style-guide.md 中的 CSS 变量,包含响应式断点与交互行为,并在文件末尾附带元数据块。用户可查看、迭代、组合或明确批准某个变体,批准后的设计可被 /implement 引用,作为实现依据。

设计与创作11 次安装

penpot-mcp-operator

Penpot MCP Operator 是一个用于通过 MCP(Model Context Protocol)操作 Penpot 的技能。它强调在写入前先检查、先查询 API 信息,避免猜测 API。适用于远程或本地 Penpot MCP 环境搭建、读取或修改当前聚焦的 Penpot 设计文件、创建页面、画板等操作。该技能要求确认服务器是远程还是本地,使用 penpot_api_info 确认对象类型与成员,通过 execute_code 进行只读探测,执行最小化变更,并用结构化回读和 export_shape 验证结果。远程 MCP 不提供完整本地文件系统访问,图像上传、本地资源导入、插件 UI 等需借助浏览器控制。本地 MCP 需运行本地服务器并连接 Penpot 插件。该技能还支持与 adobe-illustrator-operator 配合,用于 1:1 重建 Illustrator 源文件。

设计与创作11 次安装

visual-explainer

Visual Explainer 是一个用于把系统、代码变更、计划或数据转化为可视化解释的技能。它可生成图表、HTML 页面、幻灯片、视频以及可复用的 React 图形与动效,并强调保留可编辑源码与经过验证的自包含 HTML。默认使用 Hairline 主题,适用于海报、图表、幻灯片和视频;若用户指定品牌或外观,则以用户要求优先。该技能要求 Node 22.12 或更新版本,通过内置 CLI 完成初始化、添加、列出、导出、视频、引擎和验证等操作,用户只需安装技能并提出产物需求,无需自行配置路径或缓存。

设计与创作11 次安装

forge-harden-design

forge-harden-design 是一个在计划阶段进行设计与 UX 评审的技能,采用资深设计师视角,在实现之前审查计划是否把 UI 设计到位。它不检查运行中的界面,而是检查计划本身:信息层级、交互状态(加载/空/错误/成功/部分)、旅程与感受、具体性、系统一致性、响应式与无障碍。支持 EXPANSION、POLISH(默认)、TRIAGE 三种模式,通过六轮评分与修复循环,把状态表、故事板、层级草图等具体产物写入 wiki/plan.md,并输出未决设计决策表。

设计与创作11 次安装

design-system-ui-composition

该技能用于在构建或修改 Gutenberg、插件或应用界面时,指导使用 WordPress Design System 进行 UI 组合。它覆盖尚未使用 WordPress Design System 包的自定义 UI 场景,核心流程包括:从请求的行为出发,在目标项目中寻找相似实现,确认现有界面由哪个组件管理状态;通过 Design System MCP 服务器的 get_components 查找推荐组件,并用 get_component_details 检查其行为、props、用法和导入方式;优先使用组件已支持的 props 进行样式设定,自定义样式优先使用语义化 --wpds-* 令牌,块或内容预览则使用 --wp--preset--*;选择满足交互契约的最小公开组合,产品特定组合保留在消费包中。它还强调在构建自定义按钮、对话框等组件前先检查是否存在可复用的公开组件或组合,迁移时进行契约比较,覆盖浮层或渲染目标变更时的文档依赖、portal 容器、样式传递、继承令牌与焦点检查,并针对无法满足需求的公开 API,按贡献指南描述缺失行为与选项。最后通过验证受影响行为选择检查项,复用现有覆盖并报告验证结果与不确定项。

设计与创作11 次安装

quieter

quieter 是一个用于降低设计视觉强度的技能,专门处理那些过于大胆、激进或视觉刺激过强的设计。它在保留设计质量与冲击力的前提下,减少色彩饱和度、视觉重量、动画强度与装饰复杂度,使整体观感更精致、克制、耐看,同时不牺牲可用性。该技能强调「安静不等于无聊」,追求的是高级感而非平庸。使用前要求先收集目标受众、使用场景、品牌调性等上下文,并调用 frontend-design 技能获取设计原则与反模式;若上下文不明确需先向用户澄清。适用于需要将过于张扬的界面调整为更成熟、更易长时间阅读的视觉方案的场景。

设计与创作11 次安装