SuperAPI AI 工具集

apply-aesthetic

设计与创作

查看项目

更新于 10-16 03:43

技能介绍

用途:apply-aesthetic 用于为界面选定并落地一套视觉方向,避免未先决策就生成而导致的低质设计。它可选用某种原型(高端agency、编辑极简、粗野主义、软SaaS、暗黑科技等),或从命名的设计系统库中选择具体系统。

主要能力:先做 Brief Inference(强制步骤),明确行业/领域、受众与语气、结果需达成的情绪形容词、动效深度以及布局族顺序;随后在 aesthetic-systems.md 里挑选方向;按 Library Contract 将 semantic.* 令牌重新指向所选系统的颜色角色,并把排版、间距、圆角、阴影、动效映射到 tokens/*.json;对每个映射后的颜色对做对比度校验,不达标即调整,可访问性优先于审美;再依据 motion-choreography.md 添加动效,并执行预检。

必要用法与命令:技能读取 kit 中的文件,可先检查是否存在:ls ${CLAUDE_SKILL_DIR}/../../../tokens >/dev/null 2>&1 && echo KIT_OK || echo KIT_MISSING。若为 KIT_MISSING,说明仅安装了技能文件夹(npx skills add 即如此),应如实告知用户并指向 npx ux-ui-agent-skills init 或插件安装,然后停止,不得猜测无法打开文件的内容。浏览设计系统可用:python3 ${CLAUDE_SKILL_DIR}/../../../scripts/design_systems.py list,也可用 search <term> 或 show <name>;系统规格位于 ${CLAUDE_SKILL_DIR}/../../../design-systems/library/<name>/DESIGN.md。

适用场景与限制:适用于需要统一视觉方向并保持可访问性的前端或设计类工作流。资料未提供收费、价格、平台支持范围或具体效果等信息。