用途:为所有设计类技能提供统一的基础上下文,确保配色、字体与风格一致且符合品牌。
主要能力:优先扫描代码库自动检测现有设计令牌,来源包括 .agents/design-context.md、tailwind.config.js/ts、CSS @theme 块、CSS 自定义属性、package.json、tokens.json 等令牌文件、字体加载方式、已有组件、manifest.json、品牌素材与 Figma 变量。若找到上下文,会先请用户确认。否则以对话方式收集品牌名称、标语、使命、行业、色彩系统、字体排版、设计风格原型、受众与语气、品牌标识与使用规则、平台优先级。
使用方式:收集结果按模板保存至 .agents/design-context.md,并记录 Last updated 日期与检测来源。保存前用内置脚本校验对比度: python <design-context>/scripts/contrast.py --context .agents/design-context.md python <design-context>/scripts/contrast.py "#737373" "#ffffff" 脚本在失败时退出码为 1,并给出最接近的合格色。其他设计技能应先读取该文件,再应用配色、字体和风格原型。更新时只改变化字段,不整文件覆盖。
适用场景:任何需要生成视觉产出的设计任务,需要跨会话复用品牌规范时。
限制:若未设置上下文,可使用内置默认值(Primary #2563EB 等)继续,但输出可能不符合品牌;浅色语义色在白底作文字时对比度不足,仅适合背景、图标或徽章。未提供的信息暂未提供。