ssssssanjiu/skill_manager/design-style-parser

---
version: 1.0
name: [目标名称] 设计风格分析
description: 一句话概括整体设计印象和关键特征。
---
## 概述
详细描述整体设计调性、关键视觉决策、品牌氛围等。
## 颜色
### 品牌与强调色
列出品牌主色、强调色（如链接色、成功/错误色）。
### 表面色
背景色（主体、卡片、悬浮层等）。
### 文字色
主要文字、次要文字、占位符/禁用文字颜色。
### 语义色
成功、错误、警告、信息等（如果有）。
### 渐变 / 特殊效果
如果存在渐变色、网格、噪点等，描述其方向和色标。
## 排版
### 字体家族
列出使用的字体栈，区分正文字体和代码/标签字体。
### 层级表
| Token | 字号 | 字重 | 行高 | 字距 | 用途 |
|-------|------|------|------|------|------|
| ...   | ...  | ...  | ...  | ...  | ...  |
（至少包含：最大标题、章节标题、卡片标题、正文、辅助文字、标签/代码）
### 原则
记录排版中的特殊规则（如全大写/句子大小写、负字距要求、不允许使用的字重等）。
## 布局与间距
### 间距系统
是否基于某个倍数（如 4px、8px）？给出常用 token（xs, sm, md, lg, xl...）及对应具体值。
### 网格/容器
最大内容宽度、列数、常用列模式（如 2 列、3 列）、响应式断点（如果可见）。
### 留白习惯
区块上下间距、卡片内边距范围等。
## 圆角与形状
### 圆角等级
| Token | 值 | 用途 |
|-------|----|------|
| xs    |    |      |
### 特殊形状
药丸、全圆、方形等的使用场景。
## 阴影与深度
描述阴影构建方式（单层/多层）、各层级阴影的具体参数（偏移、模糊、扩展、颜色透明度）。如果有多个深度等级，列出 Level 0 到 Level N。
## 组件样式
至少识别以下组件（如果存在）：
-按钮（主要、次要、不同尺寸）
-卡片（普通、强调、带图）
-导航栏（顶部、侧边、底部）
-输入框（普通、大/小尺寸）
-标签/徽章
-引用块 / 代码块
-其他特色组件（如定价卡片、模态框、Toast 等）
每个组件定义其：背景色、文字色、边框、圆角、内边距、阴影（如果有）、字体样式。
## 注意事项（Do's and Don'ts）
列出明确的约束规则，例如：
-**应做**：...
-**不应做**：...
## 附注（可选）
补充任何额外的观察，比如对动效、插画风格、摄影倾向的说明。