SuperAPI AI 工具集

Skill 广场

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

更新于 11-04 00:13

设计与创作

21,943 个结果

color-system

color-system 是面向设计系统构建的 OKLCH 配色技能,用于建立角色明确、层级连贯且对比度可验证的色板与语义色 token。它强调从品牌与使用场景证据出发,而非套用现成配色;以 OKLCH 的感知亮度 L、色度 C、色相 H 三个维度控制色阶,让色阶亮度步进均匀、色度在中段达到峰值并向明暗两端收敛。方法包括:为一个或多个色相赋予明确职责,构建约 10 至 12 级的固定步长亮度阶,审慎选择中性色温度,按匹配的亮度与色度挑选成功/错误/警告/信息等语义色,通过调整亮度而非透明度生成 hover/active 状态,并对实际使用的文字、控件、焦点和状态配对所有主题逐一测量 WCAG 对比度。它要求将 primitives、语义角色、组件别名三层分离,禁止仅靠颜色传达含义,并为 P3 与旧目标提供 sRGB 回退。资料未提供具体安装方式、运行依赖与收费信息。

设计与创作11 次安装

micro-motion

Micro-Motion 是一套用于界面动效设计的规范与技能,强调动效必须有明确的用户目的:确认变化、说明来源或引导注意力,否则应删除。它规定优先使用合成器安全的属性(transform、opacity),按方向选择缓动(进入用 ease-out、退出用 ease-in、移动用 ease-in-out),并将减少动效(reduced motion)设计为等效状态,保留标签、选项、焦点与内容,仅移除空间位移。该技能要求 JavaScript 仅在观察器就绪后标记等待状态,静态 CSS 不得在 JS 失败或从往返缓存恢复时隐藏内容;循环动效须可控且禁止滚动劫持。它提供语义化的时长与缓动令牌(确认 120–160ms、插入/菜单 160–220ms、确认/路由 220–320ms),并要求在入场前定义可用终态与中断策略,确保被取代的保存、路由、插入或关闭收敛到最新状态。交付物为编排表,包含交互、目的、触发、时长/缓动、终态、中断规则与减少动效等效项,并附一条 JS 禁用/恢复的安全行。默认使用 CSS,仅在手势、弹簧或布局协调确有需要时使用库。

设计与创作11 次安装

spacing-system

Spacing System(间距系统)是一个用于界面布局节奏与间距一致性的技能,适用于布局节奏、密度或间隙显得随意、不一致,或同一产品需要在不同阅读压力下保持统一间距体系而不拆分为互不相关的尺度时。它主张所有间隙使用同一套 --space-* 尺度,通过关系而非任意外边距来构建构图。核心做法包括:以 4px 为基准的阶梯(4/8/12/16/24/32/48/64/96px)与 --space-section: clamp(48px, 32px + 4vw, 96px) 默认值起步;将 attachment、control、task、group、region、chapter 六种关系映射到明显不同的层级(层级间约 ≥1.5×);根据内容压力选择节拍式或切分式区块节奏;使用 gap 与单向逻辑外边距。该技能还提供迁移与审计规则、节奏映射、权威自检,以及一份包含状态、原因、修复、证据与来源的 Markdown 表格交付物。

设计与创作11 次安装

theming

Theming 是一个用于构建主题系统的技能,帮助组件在浅色、深色、强制颜色(forced-colors)或用户保存的主题偏好之间保持语义角色一致,避免对比度或主题闪烁(no-flash)回归。其核心思路是:组件只引用语义令牌(如 --color-bg、--color-text、--color-focus),主题切换仅重新映射这些令牌的值,而非反转调色板。该技能强调深色模式不是浅色模式的反转,作者定义的高对比度也不等同于系统强制颜色。它提供决策顺序、非妥协原则、偏好解析与恢复策略、light-dark() 简写用法、参考文件以及交付时的五字段账本(Status、Reason、Remediation、Evidence、Provenance)。适用于需要跨多种模式保持可访问性和一致性的界面主题设计。

设计与创作11 次安装

infographic-syntax-creator

Infographic Syntax Creator 是一个用于生成 AntV Infographic 语法的技能,可将用户提供的内容转换为 Infographic DSL。它适用于需要把内容整理为信息图语法输出的场景,涵盖模板选择、数据结构化与主题处理。使用时先阅读 references/prompt.md 获取语法规则、模板与输出约束,再提取用户内容中的标题、描述、条目、层级与指标等关键结构,必要时推断缺失部分,然后选择与结构匹配的模板(序列、列表、对比、层级、图表),最后按 prompt.md 的格式基线组合语法。输出有硬性约束:只输出单个纯代码块,不附加额外文字;首行为 infographic <template-name>;使用两个空格缩进;键值对写作 key value;数组使用 -;对比类模板(compare-*)必须恰好有两个根节点且各自带子节点。

设计与创作11 次安装