AgentSkillsCN

brand-guidelines-enforcer

【设计系统】轻量级品牌指南对UI文案和视觉元素的执行。当(1)检查UI标签/按钮/错误信息是否符合品牌基调、(2)验证特定上下文中的颜色使用、(3)确保保留组件正确使用、(4)用户要求‘检查品牌指南’、‘验证品牌合规性’、‘审查文案基调’或‘执行设计规则’时使用。

SKILL.md
--- frontmatter
name: brand-guidelines-enforcer
description: "[Design System] Lightweight brand guidelines enforcement for UI copy and visual motifs. Use when (1) checking UI labels/buttons/error messages against brand tone, (2) validating color usage in specific contexts, (3) ensuring reserved components are used correctly, (4) user asks to 'check brand guidelines', 'validate brand compliance', 'review copy tone', or 'enforce design rules'."

Brand Guidelines Enforcer

Lightweight enforcement of brand guidelines for UI copy and visual motifs.

Quick Start

bash
python3 scripts/enforce_brand.py --guidelines brand.yml --source src/

Violation Types

TypeSeverityDescription
wrong-color-contextwarningColor used outside allowed context
tone-violationwarningCopy doesn't match brand voice
reserved-component-misuseerrorReserved component in wrong screen
prohibited-worderrorProhibited word/pattern found
capitalization-errorinfoWrong capitalization style

Detection Examples

Tone Violations

jsx
// Violation: unfriendly error message
<ErrorMessage>Error occurred: Invalid input</ErrorMessage>
// Suggested: "Something went wrong. Please check this field."

// Violation: generic CTA
<Button>Click here</Button>
// Suggested: "Get started" or "Continue"