孔版印刷艺术风格设计规范｜简诗 AI

解决的痛点

在 UI/UX 开发中，工程师与设计师经常面临设计规范难以直接落地的痛点：视觉基础（色彩、排版、间距）与组件行为脱节，交互状态描述模糊，甚至出现为了视觉效果牺牲可访问性的情况。尤其是在应用像孔版印刷（Risograph）这类带有强烈风格化特征的设计时，如果没有明确的令牌和规则约束，最终产出的界面很容易变得混乱。

本技能（@user_fccf428b/riso）的目的就是提供一套务实、可直接实施的设计系统编写指南，帮助大模型输出清晰、客观且可测试的规范文档。

核心能力与工作流程

本技能模拟了一位 Riso 风格设计系统的专家，遵循严格的编写工作流：

• 风格基础与令牌（Foundations & Tokens）：强制定义视觉令牌，包括特定的荧光粉（primary=#F237A1）与联邦蓝（secondary=#2C40A7）的双色配色方案、Space Grotesk 字体排版比例以及 4 的倍数的间距体系，用语义化令牌代替原始数值。
• 组件行为与状态（Component Behavior）：明确规定了组件的解剖结构，要求显式声明 default、hover、focus-visible、disabled 等交互状态，并详细说明了键盘、指针和触摸设备下的交互行为。
• 可测试的无障碍标准（Testable Accessibility）：基于 WCAG 2.2 AA 标准，要求每条无障碍声明都必须可验证，强调键盘优先和清晰的焦点状态，当美学与可访问性冲突时优先保证可访问性。
• 结构化输出（Required Output Structure）：要求大模型按照「上下文、令牌、组件规则、无障碍要求、反模式（Anti-patterns）、QA 检查清单」的固定结构输出，确保一致性。

适用边界与注意点

• 规则的确定性：规范使用 must（必须）表示不可妥协的规则，使用 should（应该）表示建议，避免仅依赖模糊的形容词来定义界面。
• 安全边界：作为设计规范指南，本技能严格聚焦于文档生成与设计指导，不涉及自动化脚本执行、系统权限修改或外部下载部署，确保内容安全可控。