用途：这是一个样式规范类技能，用于在制作图表或前端组件时，让视觉输出符合 Mantel 品牌识别，保持项目内配色与组件风格一致。
主要能力：提供核心品牌色（Ocean #1E5E82、Flamingo #D86E89、Deep Ocean #002A41、Sky Blue #81CCEA、Cloud #EEF9FD）；提供 Ocean、Flamingo、Sky、Neutral 四套 50 至 900 的品牌色阶与固定锚点色（Deep Ocean、Cloud、Skywalker 系列）；提供语义状态色（Yoda 600 成功、BB8 600 警告、Kylo 600 错误、Pyre 300 高亮），明确禁止用品牌色替代语义色。还给出字体规范（Inter，标题 SemiBold 600、副标题 Medium 500、正文 Regular 400，建议本地打包字体，附 CDN 回退写法）、Logo 使用规则（不同背景选用不同变体、不得拉伸或改色、最小尺寸与留白要求，推荐在 Deep Ocean 背景使用全彩 Negative 版本）以及按钮、导航、表单、卡片、提示与图表的分项配色建议。
必要用法：按需引用 CSS 变量（:root 中的 --brand-ocean、--ocean-500 等）或 Tailwind 配置；浅色背景用 Cloud 或白色，深色背景用 Deep Ocean 且禁用纯黑；悬停/按下状态沿色阶移动一档（如 ocean-500 → ocean-600）；需要透明度时使用品牌色的 rgba 值；图表按主/次/第三序列与高亮色分配。制作图表时按技能说明还需读取 ./resources/diagrams.md。
适用场景与限制：适用于使用该品牌规范的前端界面与图表制作；跨品牌不应混用色板。资料未提供该技能的具体安装命令、运行平台、收费方式及与各工具链的集成细节，暂未提供。