odoo-forge-bundle 0.1.0

package/payload/skills/view-dev/references/ui-icons.md

@@ -0,0 +1,44 @@
+# UI 图标
+
+> 来源：`https://docs.odoo.sbggai.top/developer/reference/user_interface/icons.html`
+> 原文章节：`## 图标`
+>
+> 本文件从原始文档中拆分而来，以下内容尽量保留原文，仅做拆分与轻量排版。
+
+Odoo 的用户界面主要依赖于 [FontAwesome4 图标](https://fontawesome.com/v4/icons/)。
+
+为了弥补 FontAwesome 在特定功能图标上的不足，我们设计了自己的图标字体。这些图标可以通过主类 `oi` 和具体的图标类结合渲染出来。
+
+> [!example]
+> ```html
+> <i class="oi oi-odoo"/>
+> ```
+>
+
+## 图标
+
+| 图标类 1 | 图标类 2 | 图标类 3 | 图标类 4 |
+| --- | --- | --- | --- |
+| `oi-odoo` | `oi-view` | `oi-view-kanban` | `oi-view-list` |
+| `oi-view-cohort` | `oi-view-pivot` | `oi-text-break` | `oi-text-inline` |
+| `oi-text-wrap` | `oi-text-effect` | `oi-search` | `oi-group` |
+| `oi-settings-adjust` | `oi-panel-right` | `oi-launch` | `oi-apps` |
+| `oi-studio` | `oi-voip` | `oi-gif-picker` | `oi-close` |
+| `oi-chevron-down` | `oi-chevron-left` | `oi-chevron-right` | `oi-chevron-up` |
+| `oi-arrows-h` | `oi-arrows-v` | `oi-arrow-down-left` | `oi-arrow-down-right` |
+| `oi-arrow-down` | `oi-arrow-left` | `oi-arrow-right` | `oi-arrow-up-left` |
+| `oi-arrow-up-right` | `oi-arrow-up` | `oi-draggable` | `oi-archive` |
+| `oi-unarchive` | `oi-smile-add` |  |  |
+
+## RTL 适配
+
+方向性图标具有 RTL（从右到左）适配功能，当选择 RTL 语言时，图标会旋转 180 度。
+
+- `oi-chevron-left`
+- `oi-chevron-right`
+- `oi-arrow-down-left`
+- `oi-arrow-down-right`
+- `oi-arrow-left`
+- `oi-arrow-right`
+- `oi-arrow-up-left`
+- `oi-arrow-up-right`

package/payload/skills/view-dev/references/view-records.md

@@ -0,0 +1,171 @@
+# 视图记录
+
+> 来源：`docs/obsidian/07 知识库/odoo文档/03_开发者/03_参考/03_用户界面/01_视图记录.md`
+>
+> 原文章节：`## 视图记录`
+
+视图定义了记录应如何向最终用户展示。它们以 XML 形式指定并作为记录存储，这意味着它们可以独立于其所表示的模型进行编辑。它们非常灵活，允许对所控制的界面进行高度自定义。存在多种视图类型，每种类型代表一种可视化模式：*表单*、*列表*、*看板*等。
+
+## 目录
+
+- [通用结构](#通用结构)
+- [视图类型](#视图类型)
+- [字段](#字段)
+- [继承](#继承)
+- [视图解析](#视图解析)
+- [继承规范](#继承规范)
+- [继承位置](#继承位置)
+
+---
+
+## 通用结构
+
+基本视图通常共享以下定义的通用最小结构。占位符以全大写表示。
+
+```xml
+<record id="ADDON.MODEL_view_TYPE" model="ir.ui.view">
+  <field name="name">NAME</field>
+  <field name="model">MODEL</field>
+  <field name="arch" type="xml">
+    <VIEW_TYPE>
+      <views/>
+    </VIEW_TYPE>
+  </field>
+</record>
+```
+
+## 视图类型
+
+视图可以按要呈现的数据形式分为多种类型，包括表单、列表、搜索、看板，以及图表、透视表、日历、时间线、甘特图、网格、地图和 QWeb 模板等专门界面。
+
+| 类型 | 描述 |
+| --- | --- |
+| 表单 | 显示和编辑单个记录的数据。 |
+| 列表 | 查看和编辑多个记录。 |
+| 搜索 | 应用过滤器并执行搜索，结果会显示在列表/看板等视图中。 |
+| 看板 | 以“卡片”形式呈现记录，可配置为轻量模板。 |
+| QWeb/模板 | 用于报表、网站等的模板引擎。 |
+| 图表 | 可视化多个记录或记录组的聚合数据。 |
+| 透视表 | 以透视表形式展示聚合信息。 |
+| 日历 | 以日、周、月或年的日历表单显示事件数据。 |
+| 活动/时间线 | 显示在一段时间内的变化方式，适合工作流与提醒。 |
+| 甘特图 | 以甘特图形式呈现记录，强调时间轴。 |
+| 网格 | 在数值单元格中显示计算信息，但几乎不可配置。 |
+| 地图 | 显示记录及它们之间的路线。 |
+
+## 字段
+
+视图记录公开了多个字段。下面的字段名按原文章节顺序还原，以便查阅时更直观。
+
+| 字段 | 要求 | 类型 | 描述 |
+| --- | --- | --- | --- |
+| `name` | 可选 | `fields.Char` | 主要作为视图名称与助记描述使用。大多数 Odoo 视图名称以模块名开头，并以视图类型结尾。 |
+| `model` | 必填 | `fields.Char` | 与视图关联的模型。 |
+| `arch` | 可选 | `fields.Text` | 按对应视图类型定义的布局描述。 |
+| `groups_id` | 可选 | `fields.Many2many` -> `res.groups` | 控制哪些用户组可以访问当前视图；扩展视图时只有具备权限的用户组才能获得扩展内容。 |
+| `priority` | 可选 | `fields.Integer` | 通过 `model` 与 `type` 请求视图时参与默认视图匹配，并决定解析期间继承应用顺序。 |
+| `inherit_id` | 可选 | `fields.Many2one` | 引用要继承的父视图；请求当前视图时会先解析最近的主视图，再应用继承规范。 |
+| `mode` | 可选 | `fields.Selection` | 控制当前视图是 `extension` 还是 `primary`，常用于委托继承等特殊场景。 |
+
+> [!note]
+> 当前上下文和用户访问权限也会影响视图的功能。
+
+## 继承
+
+继承允许在安装模块或运行时根据具体操作自定义视图。透过 `inherit_id`、`mode`、`xpath` 和 `position` 可以插入、替换或移除父视图中的节点。
+
+```xml
+<record id="ADDON.MODEL_view_TYPE" model="ir.ui.view">
+    <field name="model">MODEL</field>
+    <field name="inherit_id" ref="VIEW_REFERENCE"/>
+    <field name="mode">MODE</field>
+    <field name="arch" type="xml">
+        <xpath expr="XPATH" position="POSITION">
+            <CONTENT/>
+        </xpath>
+        <NODE ATTRIBUTES="VALUES" position="POSITION">
+            <CONTENT/>
+        </NODE>
+    </field>
+</record>
+```
+
+`inherit_id` 与 `mode` 决定了视图解析流程。`xpath` / `NODE` 元素驱动继承规范，`expr` 与 `position` 控制定位行为。
+
+### 视图解析
+
+解析过程可概括为：
+
+1. 如果视图有父视图，先完全解析父视图，再应用当前视图的继承规范。
+2. 如果视图没有父视图，直接使用其 `arch`。
+3. 查找当前视图中 `mode="extension"` 的子视图，并按深度优先顺序依次应用它们的继承规范。
+
+当多个视图继承同一个父视图时，`priority` 决定应用顺序，最终结果构成请求视图的 `arch`。
+
+### 继承规范
+
+继承规范通常包含两个部分：
+
+1. 定位器，用于匹配父视图中的节点；
+2. 内容，用于修改匹配节点。
+
+元素定位器有三种形式：
+
+- `xpath`，使用 `expr` 指定 [XPath](https://en.wikipedia.org/wiki/XPath) 表达式并匹配第一个节点。  
+  > [!note] 其余属性会被忽略。
+- `field`，匹配具备相同 `name` 的字段节点。  
+  > [!note] 额外属性会被忽略。
+- 其他元素，需具备相同的 `name` 与属性。  
+  > [!note] `position` 与 `version` 属性在定位器中无效。
+
+> [!example]
+> ```xml
+> <xpath expr="page[@name='pg']/group[@name='gp']/field" position="inside">
+>     <field name="description"/>
+> </xpath>
+>
+> <div name="name" position="replace">
+>     <field name="name2"/>
+> </div>
+> ```
+
+为简化 QWeb 视图中的匹配，提供了 `hasclass(*classes)`，用于在节点同时包含所有指定类时匹配。
+
+### 继承位置
+
+继承规范接受一个可选的 `position` 属性，默认 `inside`，用于定义匹配节点的修改方式。
+
+- `inside`：内容被追加到匹配节点内部。  
+  > [!example]
+  > ```xml
+  > <notebook position="inside">
+  >     <page string="New feature">
+  >         ...
+  >     </page>
+  > </notebook>
+  > ```
+- `after` / `before`：内容分别追加到匹配节点之后或之前。  
+  > [!example]
+  > ```xml
+  > <xpath expr="//field[@name='x_field']" position="after">
+  >     <field name="x_other_field"/>
+  > </xpath>
+  > ```
+- `replace`：内容替换匹配节点，规范体中可用 `$0` 引用原节点副本。  
+  > [!example]
+  > ```xml
+  > <xpath expr="//field[@name='x_field']" position="replace">
+  >     <div class="wrapper">
+  >         $0
+  >     </div>
+  > </xpath>
+  > ```
+- `attributes`：通过 `<attribute>` 增删节点的属性。  
+  > [!example]
+  > ```xml
+  > <field name="x_field" position="attributes">
+  >     <attribute name="invisible">True</attribute>
+  >     <attribute name="class" add="mt-1 mb-1" remove="mt-2 mb-2" separator=" "/>
+  > </field>
+  > ```
+- `move`：结合 `position` 控制节点在父结构中的位置。

package/payload/skills/view-dev/scripts/README.md

@@ -0,0 +1,7 @@
+# Scripts
+
+后续可放辅助脚本，例如：
+
+- 按章节切分参考文档
+- 生成目录索引
+- 检查引用是否失效

package/payload/skills/view-spec/SKILL.md

@@ -0,0 +1,301 @@
+---
+name: view-spec
+description: Odoo 视图规格设计工具。根据业务需求生成完整视图规格（ASCII 线框图 + 字段说明表）， 产品经理能看懂，AI 开发可直接使用，无需再猜。 触发场景：设计视图规格、画页面布局、"这个表单长什么样"、 "帮我写视图规格"、"设计 form/list/kanban"、"视图怎么布局"。 可被 prd 和 trd 调用。
+---
+
+# Odoo 视图规格设计
+
+## 定位
+
+这个 skill 生成**完整视图规格** = ASCII 线框图 + 字段说明。
+
+- **线框图** — 骨架级布局，产品确认结构和信息层次
+- **字段说明** — 每个字段的 widget、备注；每个按钮的显示条件和行为
+
+两者合在一起，AI 读了可以直接开发，不需要再猜。
+
+不做的事：不写 XML 代码，不写 Python 逻辑，不讨论数据库设计。
+
+---
+
+## 调用模式
+
+### 独立使用
+
+用户直接要求设计视图时，走完整流程（确认范围→加载模板→输出）。
+
+### 被产出专家调用（快速模式）
+
+被 `prd` 或 `trd` 调用时，上下文信息已经齐了，**跳过提问，直接出图**：
+
+| 调用方 | 已有上下文 | view-design 直接用 |
+|--------|----------|-------------------|
+| PRD > 页面与菜单 | PRD > 业务对象（字段清单）、PRD > 状态机、PRD > 角色权限 | 从业务对象提取字段→选骨架→画图 |
+| TRD > 视图实现 | TRD > 模型定义（字段+类型）、TRD > 业务逻辑（工作流方法）、TRD > 权限 | 从模型定义提取字段→补充技术 attrs |
+
+快速模式下：
+- 不再问"有哪些字段"——从上下文提取
+- 不再问"有没有状态机"——从上下文判断
+- 直接选骨架、画图、输出
+
+---
+
+## 视图类型路由
+
+| 用户说的 | 视图类型 | 参考文件 |
+|----------|----------|----------|
+| "表单"、"详情页"、"编辑页"、form | Form | `references/form-templates.md` |
+| "列表"、"清单"、tree、list | List | `references/list-templates.md` |
+| "看板"、"卡片视图"、kanban | Kanban | `references/kanban-templates.md` |
+| "搜索"、"筛选"、search | Search | `references/search-templates.md` |
+| "设置"、"配置页"、settings | Settings | `references/settings-templates.md` |
+| "透视表"、"统计"、pivot | Pivot | `references/analytics-templates.md` |
+| "图表"、"趋势"、graph | Graph | `references/analytics-templates.md` |
+| "日历"、calendar | Calendar | `references/analytics-templates.md` |
+
+**布局通用规则** 在 `references/layout-rules.md`，画任何视图前先了解。
+
+---
+
+## 骨架选择标准
+
+Form 视图有三种骨架变体，选择标准跟 PRD 的视图详细度判断对齐：
+
+| 骨架 | 适用场景 | 复杂度指标 |
+|------|---------|-----------|
+| **简单 Form** | 配置项、简单记录、弹窗表单 | 无状态机、无明细行、字段 ≤ 8 个 |
+| **标准 Form** | 普通业务单据 | 有明细行或多 Tab，状态 ≤ 3 个，按钮 ≤ 3 个 |
+| **完整 Form** | 核心业务对象 | 状态机 ≥ 4 个状态、或按钮 ≥ 4 个、或明细行 + 多 Tab |
+
+PRD 调用时的对应关系：
+- PRD 说"需要详细线框图" → 选**完整 Form**
+- PRD 说"简洁描述即可" → 选**简单 Form**，可以只出字段说明表不画线框
+
+---
+
+## 工作流程
+
+### 第一步：确认范围
+
+了解以下信息（可直接从上下文推断，不必逐一追问）：
+
+1. 要设计哪几个视图？（Form + List + Search / + Kanban 等）
+2. 是新建模型还是继承已有模型（如 sale.order）？
+3. 主要字段有哪些？有状态机 / 工作流吗？
+
+### 第二步：加载模板
+
+1. 读 `references/layout-rules.md` 了解布局规则和 widget 视觉形态
+2. 读对应视图的 `references/*-templates.md`
+3. 按骨架选择标准选变体
+
+### 第三步：输出视图规格
+
+每个视图都包含线框图 + 说明表，格式如下：
+
+**Form 视图：**
+1. ASCII 线框图
+2. 字段说明表：`字段 | Widget | 备注`（含可编辑条件、默认值、计算说明）
+3. 操作按钮表：`按钮 | 显示条件 | 行为`
+4. 状态栏说明（如有工作流）
+
+**List 视图：**
+1. ASCII 线框图（表头 + 示意数据行）
+2. 列说明表：`列 | Widget | 备注`（含排序、聚合）
+
+**Kanban 视图：**
+1. 单张卡片 ASCII 线框图（不需要画所有列）
+2. 卡片字段说明表：`字段 | Widget | 位置（主体/footer）`
+3. 列/阶段说明（文字，不需要画出所有列）
+
+**Search 视图：**
+1. ASCII 线框图（搜索栏 + 三列下拉面板）
+2. 筛选器表：`标签 | 过滤条件 | 所在组`
+3. 分组依据表：`标签 | 字段`
+
+**Pivot / Graph / Calendar 视图：**
+1. 文字描述（这类视图结构简单，不需要 ASCII 线框图）
+2. 字段/度量说明表
+
+**多视图时：** 先出视图组合决策，再逐个视图输出，最后加菜单结构。
+
+---
+
+## 继承已有视图
+
+实际项目中大量 EPIC 是扩展已有模型（sale.order、purchase.order、stock.picking 等），不是从零新建。继承视图的原则：**只描述变更，不重画整个视图。**
+
+### 继承视图输出格式
+
+```markdown
+### 继承：sale.order Form 视图
+
+**基础视图来源：** sale.view_order_form（Odoo 标准销售订单表单）
+
+#### 变更清单
+
+| 操作 | 参考位置 | 内容 | 说明 |
+|------|----------|------|------|
+| 新增字段 | partner_id 之后 | approval_user_id | widget=many2one_avatar，标签"审批人" |
+| 新增按钮 | header，[确认订单] 之前 | [提交审批] | invisible="state != 'draft'"，action_submit_approval |
+| 新增状态值 | state 字段 | 'approval' | statusbar 新增"审批中"节点 |
+| 新增 Tab | notebook 末尾 | [审批记录] | 含 approval_line_ids inline list |
+| 修改字段 | amount_total | 增加 decoration | decoration-bf="amount_total > 100000" |
+| 隐藏字段 | payment_term_id | 条件隐藏 | invisible="state == 'approval'" |
+
+#### 新增 Tab 线框图（仅画新增部分）
+
+（如果新增内容复杂，可以单独画线框图）
+
+```
+
+### 继承视图要点
+
+| 要点 | 说明 |
+|------|------|
+| 参考位置 | 写"谁的前面/后面"，不需要写 xpath |
+| 只画新增 | 不重画整个视图，只画新增的 Tab、新增的字段组 |
+| 标注基础视图 | 写清楚继承的是哪个 xml_id |
+| 状态值扩展 | 如果在已有 state 字段上加新状态，单独说明 |
+| 按钮位置 | header 按钮注明在哪个按钮之前/之后 |
+
+### 继承场景的视图组合
+
+继承场景通常不需要全套视图。常见模式：
+
+| 场景 | 通常需要继承的视图 |
+|------|-------------------|
+| 在已有模型上加几个字段 | Form + List（加列）+ Search（加筛选） |
+| 在已有模型上加工作流 | Form（加按钮+状态）+ List（加状态列） |
+| 在已有模型上加明细行 Tab | 只改 Form（加 Tab） |
+| 新建关联模型（如审批记录） | 新模型全套 + 主模型 Form 继承（加 Tab） |
+
+---
+
+## ASCII 画法约定
+
+### 符号规则
+
+```
+┌─────┐ └─────┘ ├─────┤   边框和分隔线
+│     │                     竖线边框
+[按钮名]                    按钮
+○ → ○ → ●                  状态栏（○ 未到达，● 当前）
+☐ / ☑                      复选框（未选 / 已选）
+[👤]                        头像
+▼ / ▶                       折叠展开
+≡                           拖拽手柄
+```
+
+### 标注规则
+
+线框图里同时出现两种标注：
+- **业务标注**（产品看）— 中文字段名，如"客户名称"、"合同金额"
+- **结构标注**（开发看）— `── 区域名 ──` 标在边框上，如 `── header ──`、`── notebook ──`
+
+```
+┌── header ────────────────────────────────┐   ← 开发看
+│ [提交审批] [批准]      ○ 草稿 → ○ → ●  │   ← 产品看
+├── sheet ─────────────────────────────────┤
+│  合同编号    HTxxx-001                   │
+│  客户名称    XXXXX                        │
+└──────────────────────────────────────────┘
+```
+
+---
+
+## 快速参考骨架
+
+### Form（标准）
+
+```
+┌── header ────────────────────────────────────────────┐
+│ [按钮1] [按钮2]                 ○ 状态1 → ○ → ●    │
+├── sheet ─────────────────────────────────────────────┤
+│  ┌── group（左）──────────┐  ┌── group（右）────────┐│
+│  │ 字段A  [___________]  │  │ 字段D  [2026-01-01] ││
+│  │ 字段B  [___________]  │  │ 字段E  [_________]  ││
+│  └───────────────────────┘  └─────────────────────┘ │
+│  ┌── notebook ───────────────────────────────────┐   │
+│  │ [明细] [其他信息] [备注]                       │   │
+│  │ ≡ │ 产品    │ 数量  │ 单价  │ 小计            │   │
+│  │ ──┼─────────┼───────┼───────┼─────────────── │   │
+│  │ ≡ │ [____▼] │ [__1] │ [0.0] │ ¥0.00          │   │
+│  │   [添加一行]                                   │   │
+│  └───────────────────────────────────────────────┘   │
+├── chatter ────────────────────────────────────────────┤
+│  消息 / 活动 / 关注者                                 │
+└──────────────────────────────────────────────────────┘
+```
+
+### List（标准）
+
+```
+┌── 列头 ──────────────────────────────────────────────┐
+│ ☐ │ 编号/名称   │ 日期       │ 关联对象  │金额│ 状态 │⇅│
+├──────────────────────────────────────────────────────┤
+│ ☐ │ XXXX-001    │ 2026-03-01 │ XXXXX     │¥XX │[状态]│  │
+│ ☐ │ XXXX-002    │ 2026-03-02 │ XXXXX     │¥XX │[状态]│  │
+├── 合计 ──────────────────────────────────────────────┤
+│                                           ¥XXX       │
+└──────────────────────────────────────────────────────┘
+```
+
+### Kanban 卡片（只画单张）
+
+```
+┌──────────────────────────┐
+│ 标题（名称/编号）         │
+│ 关键字段1: 值             │
+│ 关键字段2: 值             │
+│──────────────────────────│
+│ [👤]          ¥金额  ⋮  │
+└──────────────────────────┘
+```
+
+列/阶段用文字描述，不需要画出所有列。
+
+### Search（三列下拉面板）
+
+```
+🔍 [激活的筛选芯片 ×]  [搜索...]                  [▲]
+
+  ┌── 筛选 ──────────────┬── 分组方式 ──────────┬── 收藏夹 ──────────┐
+  │ ✓ 筛选项1            │  分组项1             │  保存当前搜索 ▼    │
+  │ ──────────────────   │  分组项2             │                    │
+  │   筛选项2            │                      │                    │
+  │   筛选项3            │                      │                    │
+  │ ──────────────────   │                      │                    │
+  │   时间筛选1          │                      │                    │
+  └──────────────────────┴──────────────────────┴────────────────────┘
+```
+
+---
+
+## 多视图场景
+
+一个业务对象通常需要多个视图配合，先决定组合再逐个输出：
+
+| 场景 | 推荐视图组合 |
+|------|-------------|
+| 标准 CRUD | Form + List + Search |
+| 有工作流 / 需看进度分布 | Form + List + Kanban + Search |
+| 有统计/报表需求 | 上述 + Pivot / Graph |
+| 有日程/排期需求 | 上述 + Calendar |
+| 系统配置 | Settings（单独） |
+| 只读统计 | List + Search + Pivot + Graph（只读 Form 或无 Form）|
+
+---
+
+## 参考文件索引
+
+| 文件 | 内容 | 什么时候读 |
+|------|------|-----------|
+| `references/layout-rules.md` | 布局通用规则 + Widget 速查表 | 画任何视图前 |
+| `references/form-templates.md` | Form 骨架 + 字段表/按钮表格式 | 画 Form 时 |
+| `references/list-templates.md` | List 骨架 + 列定义表格式 | 画 List 时 |
+| `references/kanban-templates.md` | Kanban 卡片骨架 + 卡片字段表格式 | 画 Kanban 时 |
+| `references/search-templates.md` | Search 骨架 + 筛选器表格式 | 画 Search 时 |
+| `references/settings-templates.md` | Settings 骨架 + 设置项表格式 | 画 Settings 时 |
+| `references/analytics-templates.md` | Pivot / Graph / Calendar 视图规格 | 画统计/日历视图时 |
+| `examples/sample-maintenance-request.md` | 完整输出示例（设备报修） | 需要参考完整格式时 |

package/payload/skills/view-spec/agents/openai.yaml

@@ -0,0 +1,6 @@
+interface:
+  display_name: "视图设计"
+  short_description: "根据业务对象生成 Odoo 视图规格、线框图与字段说明"
+  icon_small: "./assets/icon-small.svg"
+  icon_large: "./assets/icon-large.svg"
+  brand_color: "#714B67"

package/payload/skills/view-spec/assets/icon-large.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 919 495"><path d="M695,346a75,75,0,1,1,75-75A75,75,0,0,1,695,346Zm0-31a44,44,0,1,0-44-44A44,44,0,0,0,695,315ZM538,346a75,75,0,1,1,75-75A75,75,0,0,1,538,346Zm0-31a44,44,0,1,0-44-44A44,44,0,0,0,538,315Zm-82-45c0,41.9-33.6,76-75,76s-75-34-75-75.9S336.5,196,381,196c16.4,0,31.6,3.5,44,12.6V165.1c0-8.3,7.3-15.1,15.5-15.1s15.5,6.8,15.5,15.1Zm-75,45a44,44,0,1,0-44-44A44,44,0,0,0,381,315Z" style="fill:#8f8f8f"/><path d="M224,346a75,75,0,1,1,75-75A75,75,0,0,1,224,346Zm0-31a44,44,0,1,0-44-44A44,44,0,0,0,224,315Z" style="fill:#714b67"/></svg>

package/payload/skills/view-spec/assets/icon-small.svg

@@ -0,0 +1,5 @@
+<svg width="400" height="400" viewBox="0 0 400 400" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="400" height="400" fill="white"/>
+<circle cx="200.5" cy="199.5" r="176.5" fill="#5D3854"/>
+<circle cx="200.5" cy="199.5" r="107.5" fill="white"/>
+</svg>