anthropic-style-frontend-cn

What problem does it solve?

解决“前端界面千篇一律、缺乏品牌温度与一致性”的问题，通过一套 Anthropic 风格的字体、色彩、布局与组件规范，让你的页面看起来更有个性、更像认真设计过，而不是通用模板拼出来的。

Core Features & Use Cases

• 多模式设计机制：根据 dashboard / admin / landing 等关键词自动切换密度与排版策略，保证视觉取向与场景匹配。
• Token 化与组件复用约束：强制使用统一 CSS Token（如暖米底色与橙色唯一强调）并优先调用现成组件（如 Table、Modal、Chat UI），避免硬编码与重复造轮子。
• 数据密集与无障碍规则：为 Dashboard 规定信息层级、数字/表格呈现与图表配色上限，并内建焦点环、焦点陷阱与可访问性底线，适配真实产品交互。

Quick Start

让用户告诉你要做什么页面（例如“为 NexusAI 做一个带实时指标的 Dashboard 页面，并使用 Anthropic 风格，包含 KPI 卡片、趋势图、数据表和一个删除警告弹窗”），然后直接按本 skill 规范生成界面与关键样式实现。