SuperAPI AI 工具集

riso

写作与研究

查看项目

更新于 10-15 17:25

技能介绍

用途:Riso 设计系统技能面向工程师与设计师,用于产出可直接落地的设计系统规范,核心是双色孔版印刷(risograph)美学:统一的暖米白纸面贯穿每个区块,荧光品牌粉作为唯一交互驱动力,深联邦蓝承担所有标题与标志性错位印刷阴影。整体风格干净、高对比。

主要能力与基础规范:排版比例 12/14/16/20/24/32;字体主字体与展示字体均为 Space Grotesk,等宽字体为 Overpass Mono;字重 100 至 900。颜色分为主色与辅助色,并提供令牌:primary=#F237A1、secondary=#2C40A7、success=#16A34A、warning=#D97706、danger=#DC2626、surface=#FFFFFF、text=#111827。间距刻度为 4/8/12/16/24/32。无障碍要求符合 WCAG 2.2 AA,键盘优先交互,焦点状态可见。写作语气简洁、自信、有帮助。

使用方式:先复述设计意图,再定义令牌与基础约束,然后给出组件级规则(结构、变体、状态、响应式行为),并附无障碍验收标准与内容写作期望;组件需定义 default、hover、focus-visible、active、disabled、loading、error 等适用状态,说明键盘、指针与触摸交互。生成规范时按固定结构输出:背景与目标、设计令牌与基础、组件规则、无障碍要求与可测试验收标准、内容与语气标准、反模式与禁止实现、QA 清单。

规则与限制:优先使用语义令牌而非原始值,保持视觉层级,明确交互状态;避免低对比文字、间距节奏不一致、标签含糊。规则须锚定令牌、阈值或示例,无障碍陈述须可在实现中测试;美学与无障碍冲突时优先无障碍。“必须”用于不可协商规则,“应当”用于建议。使用新范式时需给出旧组件迁移指引。资料未提供具体组件清单、代码示例与产品收费等信息。