SuperAPI AI 工具集

design-method

设计与创作

查看项目

更新于 10-26 16:20

技能介绍

design-method 是设计流水线的核心定义文件,属于设计流程的入口层。它负责门禁(Gate 0)与路由表,具体设计动作的执行步骤则由被路由到的 moves 文件负责。代理(agents/design-expert.md)在分发到任何设计动作前,都会先加载本文件。所有 references/register/.md 与 references/moves/.md 都假定读者已先读过本文件,并引用它而非重复其中规则;若其他文件中的规则与之冲突,以本文件为准。

使用方式:每个任务只需读一次本文件,而非每个动作读一次;同一任务中若 Register 与代码库均未变化,后续动作可跳过重读。必须先无条件读取 ../design-system/SKILL.md,再解析 Register,写出 Design Read + 三个刻度的一行式描述;在触碰任何 HTML/CSS/tokens 之前通过 Gate 0(Brief Lock);然后从路由表中只读取一个匹配的 references/moves/<move>.md,不读两个、也不浏览多个做“比较”。若该动作涉及构建或改动代码,还需再读一次对应的 references/register/{brand,product}.md 底线要求。

Register 解析(先于一切下游决策):brand 指单一主导、富有表现力的信息场景,如营销站、发布页、品牌识别;product 指密集、可预期、动效克制的场景,如仪表盘、SaaS 工具、功能性界面。优先级顺序固定,取首个匹配:所有者明确说明;已有 design-system.md/PRODUCT.md 已分类;可从具体界面推断(仪表盘/设置/内部工具→product;落地页/营销/活动/品牌识别→brand);仍不明确时只问一个问题,不得猜测。确定后加载对应 register 文件;涉及面向用户文案时还需加载 copy 参考。

Design Read + 三个刻度:在做任何配色、字体、布局选择前,先写一行 Design Read:{页面类型} for {受众};vibe = {2-4 个形容词};assets = {现有品牌资产或 none};constraints = {隐性约束或 none}。随后设定三个数值刻度:DESIGN_VARIANCE(1 刚性对称常规 → 10 高度艺术化、非对称)、VISUAL_DENSITY(1 通透、画廊感、平静 → 10 密集、信息密集)、MOTION_INTENSITY(1 静态 → 10 电影感、滚动驱动)。预设表、部分需求回退值与动效强度区间(平静 <4 / 表现力 4–7 / 电影感 >7)位于 ../design-system/references/design-read-dials.md。需求始终覆盖默认值;无法确定的刻度使用文档化回退并在 Design Read 行中说明,不得静默猜测。

刻度锚点:资料以十五个参考页面为锚点说明每个数值的含义,强调刻度不是评分,只描述页面类型。例如 DESIGN_VARIANCE 3 为基本遵循经典骨架的页面,4 为保留骨架但做一次结构倒置,5 为骨架重建但仍可辨识,6 为骨架溶解为重复装置,7 为大幅删减区块、以单一构成主导。VISUAL_DENSITY 则以每单位滚动的内容量衡量,低密度页面也不等于空屏。

屏幕承载底线(在 Gate 0 检查,而非构建后):当 VISUAL_DENSITY ≤ 3、DESIGN_VARIANCE ≥ 6 且没有任何可用视觉素材(照片、视频、产品 UI、数据、地图、文档、物件)三者同时成立时,页面会变成空屏。该检查可在编码前逐块清点屏幕上实际会出现的内容(图片、视频、mockup、绘制的界面、图表、表格、全幅色场、足够构成构图的字体对象)。若清单条目少于每个计划区块一条,则必须选择:提高密度(恢复被高方差删掉的常见构件并加以处理),或制造素材(绘制也算内容,如用标记语言构建界面、用渐变和一行文字组成区块、用一张图配合相反 alpha 蒙版做两个光晕);若需求提供了可用摄影,则不应改用绘制替代,而应使用照片并在其周围绘制;无素材时也应先考虑免费图库。照片承担实体、光线与真实之物,绘制承担结构、度量与肉眼不可见的信息,两者可并用。限制在于意图:照片旁放一个 SVG 图标不算此类,此类绘制需传达照片无法说明的信息。

适用场景:任何设计任务的起始阶段,尤其是需要在品牌与服务两种定位间做选择、需要明确设计方差与密度、需要按流程路由到具体设计动作的场合。限制:本技能不包含具体设计动作的执行步骤;具体预设表、回退值与区间定义在外部参考文件中;缺失的细节需查阅对应文件,本资料未提供更详细内容。