SuperAPI AI 工具集

atris-design

设计与创作

查看项目

更新于 10-15 17:21

技能介绍

用途:atris-design 是 Atris 策略系统的一部分,定位为前端美学政策。当进行 UI、组件、落地页、仪表盘等任何前端工作时使用,防止 AI 生成的前端界面显得泛化、套路化。

主要能力:提供字体、配色、布局、动效与背景方面的具体规范。字体上避免 inter/roboto/system 字体,选择一个有辨识度的字体,并使用极端的字重对比(如 200 与 800)。配色上确定一套调色板,深色背景更易做好,并参考 linear.app、vercel.com、raycast.com。布局上打破“主视觉 + 三张卡片 + 页脚”的模板,强调不对称与戏剧性留白。动效上,一个时机恰当的动画胜过十个分散的动画,建议 200-300ms ease-out。背景上增加层次感,可用渐变、图案、网格效果,避免扁平单调。

使用方式:该技能遵循 Atris 工作流。构建前先查看 atris/MAP.md 中已有的模式,并参考 atris/policies/atris-design.md 获取完整指引;构建后运行 atris review 以根据该政策进行校验。相关命令包括:atris 加载工作区上下文,atris plan 分解前端任务,atris do 分步构建并验证,atris review 根据政策进行校验。

发布前检查清单:能否用两三个词说出美学风格;字体是否有辨识度而非默认字体;是否至少有一个刻意设计的动画;背景是否有层次感;设计师是否会将其认定为 AI 生成。

限制:资料未提供该技能的安装方式、收费情况、支持的平台或框架等具体信息,相关内容暂未提供。