feat: 拼音字母选择

skills/create-draw-page/SKILL.md

@@ -1,9 +1,9 @@
 ---
 name: create-draw-page
 description: >-
-  基于现有 draw 页面模板创建新的绘制页（worksheet page）。
-  当用户说「基于现有的draw页面来开发新页面」「基于draw页面开发新页面」
-  「新建绘制页」「创建一个新的draw页面」「新增一个worksheet页」时触发。
+    基于现有 draw 页面模板创建新的绘制页（worksheet page）。
+    当用户说「基于现有的draw页面来开发新页面」「基于draw页面开发新页面」
+    「新建绘制页」「创建一个新的draw页面」「新增一个worksheet页」时触发。
 ---
 
 # 创建新的绘制页（Draw Page）
@@ -45,14 +45,14 @@ newPage/
 
 ```ts
 interface XxxWorksheetDefinition {
-    id: string;       // 唯一标识，格式：{pageName}-{variant}
-    icon: string;     // 图标名（使用 toy-icon 支持的图标）
-    title: string;    // 标题（简短，4-6 字）
+    id: string; // 唯一标识，格式：{pageName}-{variant}
+    icon: string; // 图标名（使用 toy-icon 支持的图标）
+    title: string; // 标题（简短，4-6 字）
     subtitle: string; // 副标题（描述该模式的特点）
-    ageMin: number;   // 最小适用年龄
-    ageMax: number;   // 最大适用年龄
+    ageMin: number; // 最小适用年龄
+    ageMax: number; // 最大适用年龄
     difficulty: 1 | 2 | 3 | 4; // 难度等级
-    tags: string[];   // 标签数组
+    tags: string[]; // 标签数组
     sortOrder: number; // 排序权重
 }
 
@@ -80,6 +80,7 @@ export const XXX_WORKSHEET_DEFINITIONS = [
 - 模式选项常量（如 `XXX_MODE_OPTIONS`）
 
 `getPublishMetaByMode` 中的 `category` 和 `subcategory` 需根据页面所属学科正确设置：
+
 - `category`：`math` | `puzzle` | `pinyin` | `chinese` | `english` | `craft`
 - `subcategory`：页面功能简称，如 `letter-tracing`、`word-coloring`
 
@@ -214,6 +215,7 @@ createPage(
 ```
 
 `createPage` 自动混入的公共方法包括：
+
 - `initCanvas` / `initCanvasFromComponent` — Canvas 初始化
 - `exportToPrint` — 导出打印
 - `onShareAppMessage` / `onShareTimeline` — 分享
@@ -237,6 +239,7 @@ page {
 ```
 
 关键设计 token（来自 `theme.less`）：
+
 - 页面背景：`@bg-page`
 - 卡片背景：`@bg-card`
 - 品牌色/选中态：`@brand`