neon

用途：Neon 设计系统技能面向编写设计系统规范的作者与实现者，用于创建可直接落地的 Neon 风格指南，供工程师和设计师遵循。\n\n主要能力：定义高对比度视觉风格；提供排版层级 14/16/18/24/32/40，主字体 Roboto、展示字体 STIX Two Text、等宽字体 Source Code Pro，字重 100 至 900；色彩令牌包括 primary=#BBF351、secondary=#00BCFF、success=#16A34A、warning=#D97706、danger=#DC2626、surface=#FFFFFF、text=#111827；间距层级为 4/8/12/16/24/32。\n\n使用方式：先复述设计意图，定义令牌与基础约束，再给出组件层的结构、变体、状态与响应式规则；随后补充无障碍验收标准、内容与语气规范、反模式与迁移说明，最后给出可在代码审查中执行的 QA 清单。组件需明确 default、hover、focus-visible、active、disabled、loading、error 等状态，并说明键盘、指针与触控交互。\n\n适用场景：需要高对比、醒目视觉语言的界面设计系统编写与落地指导。\n\n限制：要求遵循 WCAG 2.2 AA、键盘优先交互和可见焦点状态；避免低对比文本、不一致间距节奏与含糊标签；规则不得仅依赖模糊形容词，每条无障碍声明须可测试；当美学与无障碍冲突时优先无障碍。具体实现代码、收费与平台支持暂未提供。