SuperAPI AI 工具集

Skill 广场

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

更新于 10-31 00:15

设计与创作

21,399 个结果

designing-retro-arcade-sound-kits

该技能用于设计和验证事件驱动的复古街机音效套件(含音效与短过场音乐),采用事件边界架构:游戏代码只发出抽象事件名,由独立音频适配层将事件映射到程序并播放。技能强调从玩法时刻出发而非合成器预设,将时刻分为音效、短过场音乐或无需声音三类;音效为短促重复的反馈,短过场音乐为罕见的状态变化乐句。要求每款游戏拥有独立音效身份,保持时代真实性,仅通过固定且限幅的主链路重组基础原语。工作流包括列出必听时刻、分类、写一行声音目标、选择事件名、编写程序并设定主音色,最后通过预算、相对响度、演示静音、输出电平、音高集合与安全等验证。

设计与创作21 次安装

color-audit

color-audit 是 UI/UX 套件中的颜色系统专项审计技能,用于提取、评估并改进项目的配色方案。它通过 uiux_extract_colors 提取项目中的所有颜色,映射主色、辅助色、中性色、语义色、表面色和文字色等角色,并使用 uiux_check_contrast 检查所有前景/背景组合的对比度,评估色彩和谐度、一致性、覆盖范围与深色模式表现,最后通过 uiux_generate_palette 生成改进后的完整颜色系统,输出浅色与深色模式调色板及 token 值。适合需要审计颜色、运行颜色检查或优化配色体系的场景。

设计与创作21 次安装

design-audit

design-audit 是 aboudjem/ui-ux-suite 中的全项目设计审计技能,通过编排多个专业智能体,对当前项目或指定路径进行综合设计审计。它会加载知识库、扫描项目以识别框架、样式、组件库与主题系统,并展示检测结果供用户确认。随后并行调度颜色、排版、布局、组件、无障碍、交互、心理学、视觉风格、平台规范、UX 流程、性能体验等分析智能体,按 12 个维度评分并汇总加权总分。最终生成完整 Markdown 报告,包含项目设计画像、评分卡、按影响排序的前 20 项发现、各维度详细报告以及按快速见效/中期/重大分级的优先行动计划,报告保存为项目根目录下的 design-audit-report.md,评分卡同时内联展示。

设计与创作21 次安装

design-tokens

design-tokens 是 aboudjem/ui-ux-suite 中的一项技能,用于为项目生成或改进完整的设计令牌(design token)系统,覆盖颜色、字体排版、间距、圆角、阴影和动效。它支持自动检测品牌色或由用户指定品牌色,并可输出为 CSS 自定义属性、Tailwind 配置、JSON(W3C Design Tokens 社区组格式)或 JavaScript 模块。适合在需要统一设计规范、建立主题体系或对接多端样式时使用。

设计与创作21 次安装

layout-audit

layout-audit 是 aboudjem/ui-ux-suite 中的布局与间距审计技能,用于对界面进行布局、间距、网格与响应式设计的专项检查。它通过 uiux_extract_spacing 提取间距值,识别间距比例与基础单位,评估网格系统、密度与留白,检查响应式断点与容器宽度,并借助 uiux_generate_spacing_scale 生成间距比例,最终输出间距分析(唯一值、一致性评分、偏离网格的值)、网格系统检测、密度评估、断点分析、推荐间距比例与容器宽度建议。适用于用户要求审计布局或运行布局审计的场景。

设计与创作21 次安装

type-audit

type-audit 是 aboudjem/ui-ux-suite 中的排版专项审计技能,用于对项目的字体系统进行集中检查。它覆盖字体选择、字号比例(type scale)、可读性、层级结构与性能等方面,适合在用户要求审计排版时使用。该技能会提取项目中的排版数值,判断字号比例是数学比例还是随机取值,评估字体搭配与可读性,检查字体加载与字重数量等性能问题,并生成改进后的字体系统与完整类型令牌(type token)体系。输出内容包括当前字体清单(字体、字号、字重、行高)、比例检测结果、可读性评分、推荐字体系统、流体排版值(clamp())以及性能建议。

设计与创作21 次安装

beautiful-mermaid

Beautiful Mermaid 是一个用于将 Mermaid 图表渲染为 SVG 和 PNG 图像的工具,基于 Beautiful Mermaid 库实现。当用户要求渲染 Mermaid 图表时可使用该技能。它支持流程图、时序图、状态图、类图和实体关系图等多种图表类型,并提供 Default、Dracula、Solarized、Zinc Dark、Tokyo Night 等多个主题。渲染流程为:生成或校验 Mermaid 代码、渲染 SVG、创建 HTML 包装文件、使用 agent-browser 以 4K 分辨率截取 PNG,最后清理中间文件。PNG 渲染依赖 agent-browser 技能。输出同时包含矢量 SVG 和高分辨率 PNG,默认保存到当前工作目录。

设计与创作21 次安装