@qijenchen/design-system 0.1.0-beta.8 → 0.1.0-beta.81

package/dist/tokens/categorical-color.d.ts

@@ -0,0 +1,60 @@
+/**
+ * categorical-color.ts — Categorical 色相 SSOT(2026-06-04 codify)
+ *
+ * Tag / Avatar / Calendar 等「以色相做分類標籤」的元件,色彩 variant **一律消費此 SSOT**。
+ * 目的:**variant 名 == primitive 色相名,1:1,零 offset** —— 根治「red variant 接到 deep-orange」
+ * 這類 categorical-vs-semantic 混淆(2026-06-04 user 抓:red = 品牌紅 hue-25〔--brand #DF3232 同族〕
+ * ≠ deep-orange hue-38 ≠ semantic --error〔= deep-orange〕。三者完全無關)。
+ *
+ * 世界級對照:
+ * - Ant Design Tag preset colors —— 用原始色相名(red/orange/green/blue…)做 categorical labeling
+ *   (https://ant.design/components/tag/)。本 DS Tag/Avatar 採此模型。
+ * - Atlassian Color 原則 —— **categorical(裝飾)色 vs semantic(狀態)色必須分離**
+ *   (https://atlassian.design/foundations/color):categorical `red` 用 `--color-red-*`,跟 semantic
+ *   `--error`(= deep-orange)無關;把 error 色拿來當 categorical 標籤 = 反 pattern。
+ *
+ * ⚠️ Tailwind v4 掃描限制:class 字串**必須以字面形式出現在被掃描的 source**(本檔在 src/,會被掃),
+ * 不可用 runtime function 拼字串(否則 `bg-[var(--color-orange-1)]` 不被生成 → silent 失效)。
+ * 故本 SSOT 以**字面 const map** 提供;consumer `import` 後索引(cva 列 key 取值,保 VariantProps 型別)。
+ *
+ * 互動 state(solid dismiss hover/active)用 semantic `--{hue}-hover` / `--{hue}-active`
+ * (dark-mode 方向 pre-computed,**不可**用 primitive step-5,否則 dark mode 反向)。12 色相皆已定義。
+ *
+ * **加色相**:加進 `CATEGORICAL_HUES` + 下列 5 個 map 各補一行字面值(key X 用 `--color-X-*`,1:1)。
+ * **機械防線**:`scripts/categorical-color-invariants.mjs` I1(release:preflight 已 chain)強制 map 的 key X 的值含 `--color-X-`(名實一致,禁 offset;原引 hook 名不存在,2026-07-04 修)。
+ */
+/** 12 個 categorical 色相(順序對齊 primitives.css / Storybook color token 列)。 */
+export declare const CATEGORICAL_HUES: readonly ["blue", "green", "deep-orange", "yellow", "red", "orange", "amber", "lime", "turquoise", "indigo", "purple", "magenta"];
+export type CategoricalHue = (typeof CATEGORICAL_HUES)[number];
+/** neutral 不是色相(無 hue),用 secondary/foreground + neutral-9 solid,各 consumer 自處理(不在下列 map)。 */
+export type CategoricalColor = CategoricalHue | 'neutral';
+/** subtle 模式 class:step-1 底 + step-7 字。key X 一律對 `--color-X-*`(1:1)。 */
+export declare const CAT_SUBTLE: Record<CategoricalHue, string>;
+/**
+ * solid 模式 class:step-6 底 + on-emphasis 配對文字。
+ * 文字色依「step-6 底亮度」分桶(WCAG ≥3:1 大粗字門檻,2026-06-04 user「以最低為原則」):
+ *   - 夠深的色底 → `text-on-emphasis`(白):blue / deep-orange / red / turquoise / indigo / purple / magenta
+ *   - 太亮的色底 → `text-on-emphasis-dark`(深):yellow / amber / orange / lime(白字連 3:1 都不過)
+ *   - ★ green 例外:白字 2.47 連 3:1 都不過,但 user 拍板維持白字(綠底白字慣見觀感)= documented exception。
+ * 對比為 oklch→相對亮度實測(scripts/categorical-color-invariants.mjs 機械驗,green 列 exempt)。
+ */
+export declare const CAT_SOLID: Record<CategoricalHue, string>;
+/** solid 互動(dismiss hover/active)— semantic dark-mode-aware token。 */
+export declare const CAT_INTERACT: Record<CategoricalHue, {
+    hover: string;
+    active: string;
+}>;
+/** Avatar style 物件用:subtle / solid 的 raw token { bg, text }(非 class)。 */
+export declare const CAT_SUBTLE_TOKENS: Record<CategoricalHue, {
+    bg: string;
+    text: string;
+}>;
+export declare const CAT_SOLID_TOKENS: Record<CategoricalHue, {
+    bg: string;
+    text: string;
+}>;
+/** Calendar event tile:subtle 底 + hover step-2(1:1)。 */
+export declare const CAT_EVENT: Record<CategoricalHue, string>;
+/** Calendar all-day accent:左側 step-6 實心條。 */
+export declare const CAT_ACCENT: Record<CategoricalHue, string>;
+//# sourceMappingURL=categorical-color.d.ts.map

package/dist/tokens/categorical-color.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"categorical-color.d.ts","sourceRoot":"","sources":["../../src/tokens/categorical-color.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAEH,0EAA0E;AAC1E,eAAO,MAAM,gBAAgB,mIAanB,CAAA;AAEV,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAA;AAE9D,6FAA6F;AAC7F,MAAM,MAAM,gBAAgB,GAAG,cAAc,GAAG,SAAS,CAAA;AAEzD,wEAAwE;AACxE,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAarD,CAAA;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,SAAS,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAapD,CAAA;AAED,sEAAsE;AACtE,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,cAAc,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAalF,CAAA;AAED,yEAAyE;AACzE,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,cAAc,EAAE;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAalF,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,cAAc,EAAE;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAajF,CAAA;AAED,wDAAwD;AACxD,eAAO,MAAM,SAAS,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAapD,CAAA;AAED,6CAA6C;AAC7C,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAarD,CAAA"}

package/dist/tokens/categorical-color.js

@@ -0,0 +1,110 @@
+const CAT_SUBTLE = {
+  blue: "bg-[var(--color-blue-1)] text-[var(--color-blue-7)]",
+  green: "bg-[var(--color-green-1)] text-[var(--color-green-7)]",
+  "deep-orange": "bg-[var(--color-deep-orange-1)] text-[var(--color-deep-orange-7)]",
+  yellow: "bg-[var(--color-yellow-1)] text-[var(--color-yellow-7)]",
+  red: "bg-[var(--color-red-1)] text-[var(--color-red-7)]",
+  orange: "bg-[var(--color-orange-1)] text-[var(--color-orange-7)]",
+  amber: "bg-[var(--color-amber-1)] text-[var(--color-amber-7)]",
+  lime: "bg-[var(--color-lime-1)] text-[var(--color-lime-7)]",
+  turquoise: "bg-[var(--color-turquoise-1)] text-[var(--color-turquoise-7)]",
+  indigo: "bg-[var(--color-indigo-1)] text-[var(--color-indigo-7)]",
+  purple: "bg-[var(--color-purple-1)] text-[var(--color-purple-7)]",
+  magenta: "bg-[var(--color-magenta-1)] text-[var(--color-magenta-7)]"
+};
+const CAT_SOLID = {
+  blue: "bg-[var(--color-blue-6)] text-on-emphasis",
+  green: "bg-[var(--color-green-6)] text-on-emphasis",
+  // ★白字 documented exception(實測 2.47 < 3:1)
+  "deep-orange": "bg-[var(--color-deep-orange-6)] text-on-emphasis",
+  yellow: "bg-[var(--color-yellow-6)] text-on-emphasis-dark",
+  red: "bg-[var(--color-red-6)] text-on-emphasis",
+  orange: "bg-[var(--color-orange-6)] text-on-emphasis-dark",
+  amber: "bg-[var(--color-amber-6)] text-on-emphasis-dark",
+  lime: "bg-[var(--color-lime-6)] text-on-emphasis-dark",
+  turquoise: "bg-[var(--color-turquoise-6)] text-on-emphasis",
+  indigo: "bg-[var(--color-indigo-6)] text-on-emphasis",
+  purple: "bg-[var(--color-purple-6)] text-on-emphasis",
+  magenta: "bg-[var(--color-magenta-6)] text-on-emphasis"
+};
+const CAT_INTERACT = {
+  blue: { hover: "var(--blue-hover)", active: "var(--blue-active)" },
+  green: { hover: "var(--green-hover)", active: "var(--green-active)" },
+  "deep-orange": { hover: "var(--deep-orange-hover)", active: "var(--deep-orange-active)" },
+  yellow: { hover: "var(--yellow-hover)", active: "var(--yellow-active)" },
+  red: { hover: "var(--red-hover)", active: "var(--red-active)" },
+  orange: { hover: "var(--orange-hover)", active: "var(--orange-active)" },
+  amber: { hover: "var(--amber-hover)", active: "var(--amber-active)" },
+  lime: { hover: "var(--lime-hover)", active: "var(--lime-active)" },
+  turquoise: { hover: "var(--turquoise-hover)", active: "var(--turquoise-active)" },
+  indigo: { hover: "var(--indigo-hover)", active: "var(--indigo-active)" },
+  purple: { hover: "var(--purple-hover)", active: "var(--purple-active)" },
+  magenta: { hover: "var(--magenta-hover)", active: "var(--magenta-active)" }
+};
+const CAT_SUBTLE_TOKENS = {
+  blue: { bg: "var(--color-blue-1)", text: "var(--color-blue-7)" },
+  green: { bg: "var(--color-green-1)", text: "var(--color-green-7)" },
+  "deep-orange": { bg: "var(--color-deep-orange-1)", text: "var(--color-deep-orange-7)" },
+  yellow: { bg: "var(--color-yellow-1)", text: "var(--color-yellow-7)" },
+  red: { bg: "var(--color-red-1)", text: "var(--color-red-7)" },
+  orange: { bg: "var(--color-orange-1)", text: "var(--color-orange-7)" },
+  amber: { bg: "var(--color-amber-1)", text: "var(--color-amber-7)" },
+  lime: { bg: "var(--color-lime-1)", text: "var(--color-lime-7)" },
+  turquoise: { bg: "var(--color-turquoise-1)", text: "var(--color-turquoise-7)" },
+  indigo: { bg: "var(--color-indigo-1)", text: "var(--color-indigo-7)" },
+  purple: { bg: "var(--color-purple-1)", text: "var(--color-purple-7)" },
+  magenta: { bg: "var(--color-magenta-1)", text: "var(--color-magenta-7)" }
+};
+const CAT_SOLID_TOKENS = {
+  blue: { bg: "var(--color-blue-6)", text: "var(--on-emphasis)" },
+  green: { bg: "var(--color-green-6)", text: "var(--on-emphasis)" },
+  // ★白字 documented exception
+  "deep-orange": { bg: "var(--color-deep-orange-6)", text: "var(--on-emphasis)" },
+  yellow: { bg: "var(--color-yellow-6)", text: "var(--on-emphasis-dark)" },
+  red: { bg: "var(--color-red-6)", text: "var(--on-emphasis)" },
+  orange: { bg: "var(--color-orange-6)", text: "var(--on-emphasis-dark)" },
+  amber: { bg: "var(--color-amber-6)", text: "var(--on-emphasis-dark)" },
+  lime: { bg: "var(--color-lime-6)", text: "var(--on-emphasis-dark)" },
+  turquoise: { bg: "var(--color-turquoise-6)", text: "var(--on-emphasis)" },
+  indigo: { bg: "var(--color-indigo-6)", text: "var(--on-emphasis)" },
+  purple: { bg: "var(--color-purple-6)", text: "var(--on-emphasis)" },
+  magenta: { bg: "var(--color-magenta-6)", text: "var(--on-emphasis)" }
+};
+const CAT_EVENT = {
+  blue: "bg-[var(--color-blue-1)] text-[var(--color-blue-7)] hover:bg-[var(--color-blue-2)]",
+  green: "bg-[var(--color-green-1)] text-[var(--color-green-7)] hover:bg-[var(--color-green-2)]",
+  "deep-orange": "bg-[var(--color-deep-orange-1)] text-[var(--color-deep-orange-7)] hover:bg-[var(--color-deep-orange-2)]",
+  yellow: "bg-[var(--color-yellow-1)] text-[var(--color-yellow-7)] hover:bg-[var(--color-yellow-2)]",
+  red: "bg-[var(--color-red-1)] text-[var(--color-red-7)] hover:bg-[var(--color-red-2)]",
+  orange: "bg-[var(--color-orange-1)] text-[var(--color-orange-7)] hover:bg-[var(--color-orange-2)]",
+  amber: "bg-[var(--color-amber-1)] text-[var(--color-amber-7)] hover:bg-[var(--color-amber-2)]",
+  lime: "bg-[var(--color-lime-1)] text-[var(--color-lime-7)] hover:bg-[var(--color-lime-2)]",
+  turquoise: "bg-[var(--color-turquoise-1)] text-[var(--color-turquoise-7)] hover:bg-[var(--color-turquoise-2)]",
+  indigo: "bg-[var(--color-indigo-1)] text-[var(--color-indigo-7)] hover:bg-[var(--color-indigo-2)]",
+  purple: "bg-[var(--color-purple-1)] text-[var(--color-purple-7)] hover:bg-[var(--color-purple-2)]",
+  magenta: "bg-[var(--color-magenta-1)] text-[var(--color-magenta-7)] hover:bg-[var(--color-magenta-2)]"
+};
+const CAT_ACCENT = {
+  blue: "border-l-[3px] border-[var(--color-blue-6)]",
+  green: "border-l-[3px] border-[var(--color-green-6)]",
+  "deep-orange": "border-l-[3px] border-[var(--color-deep-orange-6)]",
+  yellow: "border-l-[3px] border-[var(--color-yellow-6)]",
+  red: "border-l-[3px] border-[var(--color-red-6)]",
+  orange: "border-l-[3px] border-[var(--color-orange-6)]",
+  amber: "border-l-[3px] border-[var(--color-amber-6)]",
+  lime: "border-l-[3px] border-[var(--color-lime-6)]",
+  turquoise: "border-l-[3px] border-[var(--color-turquoise-6)]",
+  indigo: "border-l-[3px] border-[var(--color-indigo-6)]",
+  purple: "border-l-[3px] border-[var(--color-purple-6)]",
+  magenta: "border-l-[3px] border-[var(--color-magenta-6)]"
+};
+export {
+  CAT_ACCENT,
+  CAT_EVENT,
+  CAT_INTERACT,
+  CAT_SOLID,
+  CAT_SOLID_TOKENS,
+  CAT_SUBTLE,
+  CAT_SUBTLE_TOKENS
+};
+//# sourceMappingURL=categorical-color.js.map

package/dist/tokens/categorical-color.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"categorical-color.js","sources":["../../src/tokens/categorical-color.ts"],"sourcesContent":["/**\n * categorical-color.ts — Categorical 色相 SSOT(2026-06-04 codify)\n *\n * Tag / Avatar / Calendar 等「以色相做分類標籤」的元件,色彩 variant **一律消費此 SSOT**。\n * 目的:**variant 名 == primitive 色相名,1:1,零 offset** —— 根治「red variant 接到 deep-orange」\n * 這類 categorical-vs-semantic 混淆(2026-06-04 user 抓:red = 品牌紅 hue-25〔--brand #DF3232 同族〕\n * ≠ deep-orange hue-38 ≠ semantic --error〔= deep-orange〕。三者完全無關)。\n *\n * 世界級對照:\n * - Ant Design Tag preset colors —— 用原始色相名(red/orange/green/blue…)做 categorical labeling\n *   (https://ant.design/components/tag/)。本 DS Tag/Avatar 採此模型。\n * - Atlassian Color 原則 —— **categorical(裝飾)色 vs semantic(狀態)色必須分離**\n *   (https://atlassian.design/foundations/color):categorical `red` 用 `--color-red-*`,跟 semantic\n *   `--error`(= deep-orange)無關;把 error 色拿來當 categorical 標籤 = 反 pattern。\n *\n * ⚠️ Tailwind v4 掃描限制:class 字串**必須以字面形式出現在被掃描的 source**(本檔在 src/,會被掃),\n * 不可用 runtime function 拼字串(否則 `bg-[var(--color-orange-1)]` 不被生成 → silent 失效)。\n * 故本 SSOT 以**字面 const map** 提供;consumer `import` 後索引(cva 列 key 取值,保 VariantProps 型別)。\n *\n * 互動 state(solid dismiss hover/active)用 semantic `--{hue}-hover` / `--{hue}-active`\n * (dark-mode 方向 pre-computed,**不可**用 primitive step-5,否則 dark mode 反向)。12 色相皆已定義。\n *\n * **加色相**:加進 `CATEGORICAL_HUES` + 下列 5 個 map 各補一行字面值(key X 用 `--color-X-*`,1:1)。\n * **機械防線**:`scripts/categorical-color-invariants.mjs` I1(release:preflight 已 chain)強制 map 的 key X 的值含 `--color-X-`(名實一致,禁 offset;原引 hook 名不存在,2026-07-04 修)。\n */\n\n/** 12 個 categorical 色相(順序對齊 primitives.css / Storybook color token 列)。 */\nexport const CATEGORICAL_HUES = [\n  'blue',\n  'green',\n  'deep-orange',\n  'yellow',\n  'red',\n  'orange',\n  'amber',\n  'lime',\n  'turquoise',\n  'indigo',\n  'purple',\n  'magenta',\n] as const\n\nexport type CategoricalHue = (typeof CATEGORICAL_HUES)[number]\n\n/** neutral 不是色相(無 hue),用 secondary/foreground + neutral-9 solid,各 consumer 自處理(不在下列 map)。 */\nexport type CategoricalColor = CategoricalHue | 'neutral'\n\n/** subtle 模式 class:step-1 底 + step-7 字。key X 一律對 `--color-X-*`(1:1)。 */\nexport const CAT_SUBTLE: Record<CategoricalHue, string> = {\n  blue: 'bg-[var(--color-blue-1)] text-[var(--color-blue-7)]',\n  green: 'bg-[var(--color-green-1)] text-[var(--color-green-7)]',\n  'deep-orange': 'bg-[var(--color-deep-orange-1)] text-[var(--color-deep-orange-7)]',\n  yellow: 'bg-[var(--color-yellow-1)] text-[var(--color-yellow-7)]',\n  red: 'bg-[var(--color-red-1)] text-[var(--color-red-7)]',\n  orange: 'bg-[var(--color-orange-1)] text-[var(--color-orange-7)]',\n  amber: 'bg-[var(--color-amber-1)] text-[var(--color-amber-7)]',\n  lime: 'bg-[var(--color-lime-1)] text-[var(--color-lime-7)]',\n  turquoise: 'bg-[var(--color-turquoise-1)] text-[var(--color-turquoise-7)]',\n  indigo: 'bg-[var(--color-indigo-1)] text-[var(--color-indigo-7)]',\n  purple: 'bg-[var(--color-purple-1)] text-[var(--color-purple-7)]',\n  magenta: 'bg-[var(--color-magenta-1)] text-[var(--color-magenta-7)]',\n}\n\n/**\n * solid 模式 class:step-6 底 + on-emphasis 配對文字。\n * 文字色依「step-6 底亮度」分桶(WCAG ≥3:1 大粗字門檻,2026-06-04 user「以最低為原則」):\n *   - 夠深的色底 → `text-on-emphasis`(白):blue / deep-orange / red / turquoise / indigo / purple / magenta\n *   - 太亮的色底 → `text-on-emphasis-dark`(深):yellow / amber / orange / lime(白字連 3:1 都不過)\n *   - ★ green 例外:白字 2.47 連 3:1 都不過,但 user 拍板維持白字(綠底白字慣見觀感)= documented exception。\n * 對比為 oklch→相對亮度實測(scripts/categorical-color-invariants.mjs 機械驗,green 列 exempt)。\n */\nexport const CAT_SOLID: Record<CategoricalHue, string> = {\n  blue: 'bg-[var(--color-blue-6)] text-on-emphasis',\n  green: 'bg-[var(--color-green-6)] text-on-emphasis', // ★白字 documented exception(實測 2.47 < 3:1)\n  'deep-orange': 'bg-[var(--color-deep-orange-6)] text-on-emphasis',\n  yellow: 'bg-[var(--color-yellow-6)] text-on-emphasis-dark',\n  red: 'bg-[var(--color-red-6)] text-on-emphasis',\n  orange: 'bg-[var(--color-orange-6)] text-on-emphasis-dark',\n  amber: 'bg-[var(--color-amber-6)] text-on-emphasis-dark',\n  lime: 'bg-[var(--color-lime-6)] text-on-emphasis-dark',\n  turquoise: 'bg-[var(--color-turquoise-6)] text-on-emphasis',\n  indigo: 'bg-[var(--color-indigo-6)] text-on-emphasis',\n  purple: 'bg-[var(--color-purple-6)] text-on-emphasis',\n  magenta: 'bg-[var(--color-magenta-6)] text-on-emphasis',\n}\n\n/** solid 互動(dismiss hover/active)— semantic dark-mode-aware token。 */\nexport const CAT_INTERACT: Record<CategoricalHue, { hover: string; active: string }> = {\n  blue: { hover: 'var(--blue-hover)', active: 'var(--blue-active)' },\n  green: { hover: 'var(--green-hover)', active: 'var(--green-active)' },\n  'deep-orange': { hover: 'var(--deep-orange-hover)', active: 'var(--deep-orange-active)' },\n  yellow: { hover: 'var(--yellow-hover)', active: 'var(--yellow-active)' },\n  red: { hover: 'var(--red-hover)', active: 'var(--red-active)' },\n  orange: { hover: 'var(--orange-hover)', active: 'var(--orange-active)' },\n  amber: { hover: 'var(--amber-hover)', active: 'var(--amber-active)' },\n  lime: { hover: 'var(--lime-hover)', active: 'var(--lime-active)' },\n  turquoise: { hover: 'var(--turquoise-hover)', active: 'var(--turquoise-active)' },\n  indigo: { hover: 'var(--indigo-hover)', active: 'var(--indigo-active)' },\n  purple: { hover: 'var(--purple-hover)', active: 'var(--purple-active)' },\n  magenta: { hover: 'var(--magenta-hover)', active: 'var(--magenta-active)' },\n}\n\n/** Avatar style 物件用:subtle / solid 的 raw token { bg, text }(非 class)。 */\nexport const CAT_SUBTLE_TOKENS: Record<CategoricalHue, { bg: string; text: string }> = {\n  blue: { bg: 'var(--color-blue-1)', text: 'var(--color-blue-7)' },\n  green: { bg: 'var(--color-green-1)', text: 'var(--color-green-7)' },\n  'deep-orange': { bg: 'var(--color-deep-orange-1)', text: 'var(--color-deep-orange-7)' },\n  yellow: { bg: 'var(--color-yellow-1)', text: 'var(--color-yellow-7)' },\n  red: { bg: 'var(--color-red-1)', text: 'var(--color-red-7)' },\n  orange: { bg: 'var(--color-orange-1)', text: 'var(--color-orange-7)' },\n  amber: { bg: 'var(--color-amber-1)', text: 'var(--color-amber-7)' },\n  lime: { bg: 'var(--color-lime-1)', text: 'var(--color-lime-7)' },\n  turquoise: { bg: 'var(--color-turquoise-1)', text: 'var(--color-turquoise-7)' },\n  indigo: { bg: 'var(--color-indigo-1)', text: 'var(--color-indigo-7)' },\n  purple: { bg: 'var(--color-purple-1)', text: 'var(--color-purple-7)' },\n  magenta: { bg: 'var(--color-magenta-1)', text: 'var(--color-magenta-7)' },\n}\n// 同 CAT_SOLID 的文字分桶(白 / 深),raw token 版供 Avatar style 物件用。green = ★白字 exception。\nexport const CAT_SOLID_TOKENS: Record<CategoricalHue, { bg: string; text: string }> = {\n  blue: { bg: 'var(--color-blue-6)', text: 'var(--on-emphasis)' },\n  green: { bg: 'var(--color-green-6)', text: 'var(--on-emphasis)' }, // ★白字 documented exception\n  'deep-orange': { bg: 'var(--color-deep-orange-6)', text: 'var(--on-emphasis)' },\n  yellow: { bg: 'var(--color-yellow-6)', text: 'var(--on-emphasis-dark)' },\n  red: { bg: 'var(--color-red-6)', text: 'var(--on-emphasis)' },\n  orange: { bg: 'var(--color-orange-6)', text: 'var(--on-emphasis-dark)' },\n  amber: { bg: 'var(--color-amber-6)', text: 'var(--on-emphasis-dark)' },\n  lime: { bg: 'var(--color-lime-6)', text: 'var(--on-emphasis-dark)' },\n  turquoise: { bg: 'var(--color-turquoise-6)', text: 'var(--on-emphasis)' },\n  indigo: { bg: 'var(--color-indigo-6)', text: 'var(--on-emphasis)' },\n  purple: { bg: 'var(--color-purple-6)', text: 'var(--on-emphasis)' },\n  magenta: { bg: 'var(--color-magenta-6)', text: 'var(--on-emphasis)' },\n}\n\n/** Calendar event tile:subtle 底 + hover step-2(1:1)。 */\nexport const CAT_EVENT: Record<CategoricalHue, string> = {\n  blue: 'bg-[var(--color-blue-1)] text-[var(--color-blue-7)] hover:bg-[var(--color-blue-2)]',\n  green: 'bg-[var(--color-green-1)] text-[var(--color-green-7)] hover:bg-[var(--color-green-2)]',\n  'deep-orange': 'bg-[var(--color-deep-orange-1)] text-[var(--color-deep-orange-7)] hover:bg-[var(--color-deep-orange-2)]',\n  yellow: 'bg-[var(--color-yellow-1)] text-[var(--color-yellow-7)] hover:bg-[var(--color-yellow-2)]',\n  red: 'bg-[var(--color-red-1)] text-[var(--color-red-7)] hover:bg-[var(--color-red-2)]',\n  orange: 'bg-[var(--color-orange-1)] text-[var(--color-orange-7)] hover:bg-[var(--color-orange-2)]',\n  amber: 'bg-[var(--color-amber-1)] text-[var(--color-amber-7)] hover:bg-[var(--color-amber-2)]',\n  lime: 'bg-[var(--color-lime-1)] text-[var(--color-lime-7)] hover:bg-[var(--color-lime-2)]',\n  turquoise: 'bg-[var(--color-turquoise-1)] text-[var(--color-turquoise-7)] hover:bg-[var(--color-turquoise-2)]',\n  indigo: 'bg-[var(--color-indigo-1)] text-[var(--color-indigo-7)] hover:bg-[var(--color-indigo-2)]',\n  purple: 'bg-[var(--color-purple-1)] text-[var(--color-purple-7)] hover:bg-[var(--color-purple-2)]',\n  magenta: 'bg-[var(--color-magenta-1)] text-[var(--color-magenta-7)] hover:bg-[var(--color-magenta-2)]',\n}\n\n/** Calendar all-day accent:左側 step-6 實心條。 */\nexport const CAT_ACCENT: Record<CategoricalHue, string> = {\n  blue: 'border-l-[3px] border-[var(--color-blue-6)]',\n  green: 'border-l-[3px] border-[var(--color-green-6)]',\n  'deep-orange': 'border-l-[3px] border-[var(--color-deep-orange-6)]',\n  yellow: 'border-l-[3px] border-[var(--color-yellow-6)]',\n  red: 'border-l-[3px] border-[var(--color-red-6)]',\n  orange: 'border-l-[3px] border-[var(--color-orange-6)]',\n  amber: 'border-l-[3px] border-[var(--color-amber-6)]',\n  lime: 'border-l-[3px] border-[var(--color-lime-6)]',\n  turquoise: 'border-l-[3px] border-[var(--color-turquoise-6)]',\n  indigo: 'border-l-[3px] border-[var(--color-indigo-6)]',\n  purple: 'border-l-[3px] border-[var(--color-purple-6)]',\n  magenta: 'border-l-[3px] border-[var(--color-magenta-6)]',\n}\n"],"names":[],"mappings":"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"}

package/dist/tokens/motion/motion.d.ts

@@ -8,7 +8,7 @@
  */
 /** 純文字提示(Tooltip)— passive hint。2026-05-20 200→500ms 對齊 Material 3 / Apple HIG / shadcn-Radix 主流 */
 export declare const HOVER_DELAY_PLAIN_MS = 500;
-/** 內容預覽(HoverCard / NameCard)— rich preview。2026-05-20 300→700ms 避免列表掃視誤觸發 fetch */
+/** 內容預覽(HoverCard / ProfileCard)— rich preview。2026-05-20 300→700ms 避免列表掃視誤觸發 fetch */
 export declare const HOVER_DELAY_RICH_MS = 700;
 /** 通用關閉延遲(所有 hover overlay)— accidental-hover 容錯 */
 export declare const HOVER_DELAY_CLOSE_MS = 200;

package/dist/tokens/motion/motion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"motion.d.ts","sourceRoot":"","sources":["../../../src/tokens/motion/motion.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,oGAAoG;AACpG,eAAO,MAAM,oBAAoB,MAAM,CAAA;AAEvC,oFAAoF;AACpF,eAAO,MAAM,mBAAmB,MAAM,CAAA;AAEtC,oDAAoD;AACpD,eAAO,MAAM,oBAAoB,MAAM,CAAA"}
+{"version":3,"file":"motion.d.ts","sourceRoot":"","sources":["../../../src/tokens/motion/motion.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,oGAAoG;AACpG,eAAO,MAAM,oBAAoB,MAAM,CAAA;AAEvC,uFAAuF;AACvF,eAAO,MAAM,mBAAmB,MAAM,CAAA;AAEtC,oDAAoD;AACpD,eAAO,MAAM,oBAAoB,MAAM,CAAA"}

package/dist/tokens/motion/motion.js.map

@@ -1 +1 @@
-{"version":3,"file":"motion.js","sources":["../../../src/tokens/motion/motion.ts"],"sourcesContent":["/**\n * Motion tokens — JS mirror of `motion.css` for Radix/JS API consumers.\n *\n * Radix primitive props(`delayDuration` / `openDelay` / `closeDelay`)期望 number ms,\n * 不認 CSS var。本 file 是 motion.css 對應 number value 鏡像;改值必同步兩處(或加 lint)。\n *\n * SSOT: `motion.css` + `motion.spec.md`。\n */\n\n/** 純文字提示(Tooltip)— passive hint。2026-05-20 200→500ms 對齊 Material 3 / Apple HIG / shadcn-Radix 主流 */\nexport const HOVER_DELAY_PLAIN_MS = 500\n\n/** 內容預覽(HoverCard / NameCard)— rich preview。2026-05-20 300→700ms 避免列表掃視誤觸發 fetch */\nexport const HOVER_DELAY_RICH_MS = 700\n\n/** 通用關閉延遲(所有 hover overlay)— accidental-hover 容錯 */\nexport const HOVER_DELAY_CLOSE_MS = 200\n"],"names":[],"mappings":"AAUO,MAAM,uBAAuB;AAG7B,MAAM,sBAAsB;AAG5B,MAAM,uBAAuB;"}
+{"version":3,"file":"motion.js","sources":["../../../src/tokens/motion/motion.ts"],"sourcesContent":["/**\n * Motion tokens — JS mirror of `motion.css` for Radix/JS API consumers.\n *\n * Radix primitive props(`delayDuration` / `openDelay` / `closeDelay`)期望 number ms,\n * 不認 CSS var。本 file 是 motion.css 對應 number value 鏡像;改值必同步兩處(或加 lint)。\n *\n * SSOT: `motion.css` + `motion.spec.md`。\n */\n\n/** 純文字提示(Tooltip)— passive hint。2026-05-20 200→500ms 對齊 Material 3 / Apple HIG / shadcn-Radix 主流 */\nexport const HOVER_DELAY_PLAIN_MS = 500\n\n/** 內容預覽(HoverCard / ProfileCard)— rich preview。2026-05-20 300→700ms 避免列表掃視誤觸發 fetch */\nexport const HOVER_DELAY_RICH_MS = 700\n\n/** 通用關閉延遲(所有 hover overlay)— accidental-hover 容錯 */\nexport const HOVER_DELAY_CLOSE_MS = 200\n"],"names":[],"mappings":"AAUO,MAAM,uBAAuB;AAG7B,MAAM,sBAAsB;AAG5B,MAAM,uBAAuB;"}

package/dist/tokens/uiSize/icon-size.d.ts

@@ -17,7 +17,7 @@
  * `field-height-xs / sm / md` → icon **16px**
  * `field-height-lg`           → icon **20px**
  *
- * 詳 spec L132+ Icon Size Tier 段(stroke 下限 12px / Tag-Field 配對 / etc.)
+ * 詳 uiSize.spec.md「Icon 尺寸 Tier」段(段名指法免行號漂移;stroke 下限 12px / Tag-Field 配對 / etc.)
  *
  * ── Consumer 用法 ──
  * ```tsx
@@ -26,15 +26,14 @@
  * // sm/md → 16, lg → 20
  * <LucideIcon size={ICON_SIZE[size]} />
  *
- * // form control xs(field-height-xs 24)用 ICON_SIZE.sm(同 16,per spec L132 Tier)
+ * // form control xs(field-height-xs 24)用 ICON_SIZE.sm(同 16,per uiSize.spec.md「Icon 尺寸 Tier」段)
  * <LucideIcon size={size === 'xs' ? ICON_SIZE.sm : ICON_SIZE[size]} />
  * ```
  *
  * ── 防漂移 ──
  * 1. uiSize.spec.md「Icon Size Tier」段 codify 16/16/16/20 tier(text-based canonical)
  * 2. 本 const 程式化 SSOT(type-safe Record<RowSize, number>)
- * 3. Hook `check_icon_size_literal.sh`(write-time regex 攔非標準 literal)
- * 4. Audit Dim「Icon size literal compliance」DS-wide audit-time scan
+ * 3. Audit Dim「Icon size literal compliance」DS-wide audit-time scan(write-time hook 尚未實作 — 改靠 audit-time + mindset)
  *
  * ── Carve-out(不適用本 SSOT)──
  * - `rating.spec.md` Rating star 20/24/24(identity scale,cite Ant/Material/Airbnb)

package/dist/tokens/uiSize/icon-size.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon-size.d.ts","sourceRoot":"","sources":["../../../src/tokens/uiSize/icon-size.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiDG;AACH,OAAO,EAAE,SAAS,EAAE,MAAM,uDAAuD,CAAA;AACjF,YAAY,EAAE,OAAO,EAAE,MAAM,uDAAuD,CAAA"}
+{"version":3,"file":"icon-size.d.ts","sourceRoot":"","sources":["../../../src/tokens/uiSize/icon-size.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgDG;AACH,OAAO,EAAE,SAAS,EAAE,MAAM,uDAAuD,CAAA;AACjF,YAAY,EAAE,OAAO,EAAE,MAAM,uDAAuD,CAAA"}

package/ds-canonical/commands/README.md

@@ -0,0 +1,26 @@
+# .claude/commands/ Charter
+
+## 這裡只收:**one-shot slash commands**(無 phase,單次 action)
+
+每個 command 一檔 `.md`,用戶打 `/<name>` 直接觸發。**vs Skill**:skill 是多 phase workflow + user CP;command 是單次動作無 CP。
+
+## 當前居民(1 pilot,2026-04-24)
+
+| Command | 觸發 | 用途 |
+|---------|------|------|
+| `/gov-status` | user 輸入 `/gov-status` | 一次印 governance health snapshot(行數/retire rate/logs freshness/drift/pending)—不走 skill workflow,不要 CP,純 dump |
+
+## 這裡**不收**(反例)
+
+| 疑似要放這但其實不是 | 正確去處 | 為什麼 |
+|---------------------|---------|--------|
+| 多 phase + user 決策 | `.claude/skills/` | skill 管 phase + CP |
+| 機械 tool-event 檢查 | `.claude/hooks/` | hook 是 pre/post tool 觸發,不是 user 觸發 |
+| 需要 isolated context / scoped tools | `.claude/agents/` | agent 是 AI worker,command 是 quick action |
+
+## 新 command criteria
+
+1. **< 10 秒完成**(不是 workflow)
+2. **無 user CP**(有決策點 = skill)
+3. **輸出簡潔**(一段 markdown / 表)
+4. **可重複 run**(每次同 behaviour)

package/ds-canonical/commands/gov-status.md

@@ -0,0 +1,79 @@
+---
+description: One-shot dump governance health snapshot(無 workflow,< 10s 完成)
+---
+
+# /gov-status — Governance Health Snapshot
+
+快印現在 governance state,不走 `/governance-health` 完整 skill workflow(那有 5 phase + CP),只是 user 想 quick check 時的一眼看。
+
+## 跑法
+
+執行以下 bash 並 format output 成 markdown table:
+
+```bash
+echo "=== File sizes ==="
+echo "CLAUDE.md: $(wc -l < CLAUDE.md | tr -d ' ') / 400 target / 800 transition"
+echo ""
+echo "=== Over-cap specs ==="
+for f in $(find src/design-system -name "*.spec.md"); do
+  lines=$(wc -l < "$f" | tr -d ' ')
+  case "$f" in
+    */item-anatomy.spec.md) cap=1200 ;;
+    */color.spec.md|*/sidebar.spec.md|*/tree-view.spec.md) cap=800 ;;
+    *) cap=500 ;;
+  esac
+  if [ "$lines" -gt "$cap" ]; then
+    echo "  ❌ $f: $lines > $cap"
+  fi
+done
+echo ""
+echo "=== Memory ==="
+MEM_DIR=/Users/chenqiren/.claude/projects/-Users-chenqiren-Library-CloudStorage-GoogleDrive-qijenchen-gmail-com--------my-project/memory
+echo "active: $(ls $MEM_DIR/*.md | grep -v retired | wc -l | tr -d ' ') / 20 target"
+echo ""
+echo "=== Hooks / Skills / Agents / Commands ==="
+for d in hooks skills agents commands; do
+  c=$(ls .claude/$d/ 2>/dev/null | grep -v README | grep -v gitignore | wc -l | tr -d ' ')
+  echo "  .claude/$d: $c"
+done
+echo ""
+echo "=== Logs ==="
+for f in hook-fires skill-invokes user-corrections metric-snapshots; do
+  fn=".claude/logs/$f.jsonl"
+  if [ -f "$fn" ]; then
+    echo "  $f: $(wc -l < $fn | tr -d ' ') entries"
+  else
+    echo "  $f: (empty)"
+  fi
+done
+echo ""
+echo "=== Benchmark freshness ==="
+if [ -f .claude/benchmarks/last-fetch.txt ]; then
+  LAST=$(cat .claude/benchmarks/last-fetch.txt)
+  echo "  last: $LAST"
+else
+  echo "  never fetched — run bash .claude/benchmarks/fetch.sh"
+fi
+echo ""
+echo "=== Retire rate(latest snapshot)==="
+if [ -f .claude/logs/metric-snapshots.jsonl ]; then
+  tail -1 .claude/logs/metric-snapshots.jsonl | head -c 200
+fi
+echo ""
+echo "=== tsc state ==="
+npx tsc -b 2>&1 | grep -c "error TS" || echo "0"
+echo ""
+echo "=== compile-stories drift ==="
+node scripts/compile-stories.mjs --all --check 2>&1 | tail -1
+```
+
+## 結論分類
+
+根據上述輸出自動判斷:
+- **✅ OK** — 若無 over-cap spec + 無 tsc error + 無 drift + memory ≤ 20
+- **⚠️ Warning** — 有 over-cap / pending corrections > 10 / benchmark stale > 30 days
+- **❌ Fail** — tsc errors / compile drift / CLAUDE.md > 800
+
+最後給 user 一行 summary:「Governance:{✅/⚠️/❌}{one-line rationale}」。
+
+若要深度 audit → suggest `/governance-health` 跑完整 5-phase skill。

package/ds-canonical/fork/governance.lock

@@ -0,0 +1,222 @@
+{
+  "_purpose": "sha256 of every shipped fork governance body + manifest (tamper-detect baseline)",
+  "entries": [
+    {
+      "file": "hooks/block_prototype_imports.py",
+      "sha256": "0ab679ddb522f508c490891711559175a912be8b7f4db04d8a55cdac983fd482",
+      "sourceHook": "block_prototype_imports.py",
+      "bucket": "SHIP_AS_IS"
+    },
+    {
+      "file": "hooks/check_chrome_header_avatar_canonical.sh",
+      "sha256": "ffa91559c19d3f2aab50c69c4b247c15a29376d10b116f6223afb3289b4f91a2",
+      "sourceHook": "check_chrome_header_avatar_canonical.sh",
+      "bucket": "SHIP_AS_IS"
+    },
+    {
+      "file": "hooks/check_consumer_app_invariants.sh",
+      "sha256": "e2d63b142759bf791ca3c4462342d91623827aeb54c15398c94853485684900b",
+      "sourceHook": "check_consumer_app_invariants.sh",
+      "bucket": "SHIP_AS_IS"
+    },
+    {
+      "file": "hooks/check_ds_anchor_preflight.sh",
+      "sha256": "15fb44c8b35042efd03e1992f8b5b7b121a7633cebe556d4ca0a1a7f5483dc35",
+      "sourceHook": "check_ds_anchor_preflight.sh",
+      "bucket": "SHIP_REWRITTEN"
+    },
+    {
+      "file": "hooks/check_escape_marker_abuse.sh",
+      "sha256": "4f9d8dc91275145204f0bc760c4378dd53f7ad4389d89da737aef23f84b2502b",
+      "sourceHook": "check_escape_marker_abuse.sh",
+      "bucket": "SHIP_REWRITTEN"
+    },
+    {
+      "file": "hooks/check_field_family_invariants.sh",
+      "sha256": "1beeb2b347cacf5d8a912470bce0b9ab6b54c2595873155389456cdbe6125d80",
+      "sourceHook": "check_field_family_invariants.sh",
+      "bucket": "SHIP_AS_IS"
+    },
+    {
+      "file": "hooks/check_fork_product_quality.sh",
+      "sha256": "1985d7607de85ae71b07b4b302c27b3dbb51670bbe68421489e27c75a2b64ffa",
+      "sourceHook": "check_substantive_edit_approval_preflight.sh",
+      "bucket": "REPLACE"
+    },
+    {
+      "file": "hooks/check_item_list_gap.sh",
+      "sha256": "4e779e5894f16873f1bc322f64571a7ff869d3b75ed5383a5b0f662c7b533d99",
+      "sourceHook": "check_item_list_gap.sh",
+      "bucket": "SHIP_AS_IS"
+    },
+    {
+      "file": "hooks/check_layout_space_magic_numbers.sh",
+      "sha256": "09c74c67c61a366b14bb1cce2ac27d4b8d0541a8698f85d50e4afe9783ad7309",
+      "sourceHook": "check_layout_space_magic_numbers.sh",
+      "bucket": "SHIP_AS_IS"
+    },
+    {
+      "file": "hooks/check_opacity_token_usage.sh",
+      "sha256": "f085fdf2b681f6ad20a51863ca580f4c56633091f0b044e05cf1b9ef665fdf0d",
+      "sourceHook": "check_opacity_token_usage.sh",
+      "bucket": "SHIP_REWRITTEN"
+    },
+    {
+      "file": "hooks/check_pattern_invariants.sh",
+      "sha256": "c6cf3288cbc2bdb689091aef678073470f58b7f1bf98cdefb55afc9724ad277b",
+      "sourceHook": "check_pattern_invariants.sh",
+      "bucket": "SHIP_AS_IS"
+    },
+    {
+      "file": "hooks/check_sidebar_menu_button_implicit_wrap.sh",
+      "sha256": "240807737e9c75bd137a8abd9a7194ffcb4a92b1015f626f14539fd8dbf73ea8",
+      "sourceHook": "check_sidebar_menu_button_implicit_wrap.sh",
+      "bucket": "SHIP_AS_IS"
+    },
+    {
+      "file": "hooks/check_tabs_content_chrome_body_double_gap.sh",
+      "sha256": "656e854fc8c3e61afd7da3705f87d169a2ea04979e446ed453114b42b9bdcfb1",
+      "sourceHook": "check_tabs_content_chrome_body_double_gap.sh",
+      "bucket": "SHIP_AS_IS"
+    },
+    {
+      "file": "hooks/check_tailwind_wildcard_in_docs.sh",
+      "sha256": "51fcf04d3adc2a15b6c06312753e51412ed8ff88d088a5e8fe4ec0c784c7aa96",
+      "sourceHook": "check_tailwind_wildcard_in_docs.sh",
+      "bucket": "SHIP_AS_IS"
+    },
+    {
+      "file": "hooks/inject_deploy_url_after_push.sh",
+      "sha256": "f5cd8597574f1b061b132a289337731f7dabac0c6666f1ca611d8316504b401c",
+      "sourceHook": "inject_deploy_url_after_push.sh",
+      "bucket": "SHIP_REWRITTEN"
+    },
+    {
+      "file": "launchers/fork-governance-dispatcher.sh",
+      "sha256": "6a99ad2d7404a4d721a611a19e4537ebfe8cf5e2ddba99edc7f6b386d86e8b5d",
+      "source": "template/.claude/hooks"
+    },
+    {
+      "file": "launchers/inject_fork_governance_preamble.sh",
+      "sha256": "06bc80989782d15704a562cd9a7b2c13c063c89f1ee3a6bbfc807056825b20c7",
+      "source": "template/.claude/hooks"
+    },
+    {
+      "file": "launchers/settings-hooks.json",
+      "sha256": "04f328ae97687e112995288bff2c1fa8c9feecf25335f4b63036964209e7b402",
+      "source": "template/.claude/settings.json"
+    },
+    {
+      "file": "manifest.json",
+      "sha256": "588eb31f9ad3c302217e7642b053cb8b4b81dcd2dd1c69959826f6d2317102ed"
+    },
+    {
+      "file": "preamble.md",
+      "sha256": "c6333d8a6127d4e0d9b9511e16efaace2d215638b3bd235b31a8b29ef8827d5c"
+    },
+    {
+      "file": "skills/bug-fix-rhythm/SKILL.md",
+      "sha256": "4bca87df4f2777fe76f8e302698d373fb0ba60699922fb8b35c8aefae1c51ae0"
+    },
+    {
+      "file": "skills/code-quality-audit/SKILL.md",
+      "sha256": "fb65ebf0c72f7b475640f4861a1bfa2e9140727e2ff051fbd58f8348c0dc187d"
+    },
+    {
+      "file": "skills/delivery-handoff/references/flow-diagram.md",
+      "sha256": "b750d5117c92a1d0cde53283951a6848a1d3baa69ef6253cdc308a49720281df"
+    },
+    {
+      "file": "skills/delivery-handoff/references/handoff-template.md",
+      "sha256": "7985469e96766da72032c7aad84e00efbbe0223dcaf7eb6df680b2f31c4d6a6e"
+    },
+    {
+      "file": "skills/delivery-handoff/references/inventory-checklist.md",
+      "sha256": "7be9cbe37788183aad8032373e22f5ca63e05f94f4232784a79f20bc3d122b75"
+    },
+    {
+      "file": "skills/delivery-handoff/SKILL.md",
+      "sha256": "b3ba781857bed71c1bff537519b1e3858e5f115f25fb7c55967e5b147d360f79"
+    },
+    {
+      "file": "skills/performance-audit/SKILL.md",
+      "sha256": "7a77f4999b8d4bb6875c105050196fc3d7b451713da791531d186c37e593020b"
+    },
+    {
+      "file": "skills/product-ui-audit/references/audit-checks.md",
+      "sha256": "4dd879a1c983dedc29520762313b22e3b4d38cb395afe8ca1ecb43eb5e52ef83"
+    },
+    {
+      "file": "skills/product-ui-audit/references/common-misuses.md",
+      "sha256": "5afa85d18b559d1ccb182b50489bd1744968d07203558f8efbccf4444b46b942"
+    },
+    {
+      "file": "skills/product-ui-audit/references/report-template.md",
+      "sha256": "a847aba70e7c8f8cd620420f8d34d7f818070253ece5cdb1010bec16f71f5f57"
+    },
+    {
+      "file": "skills/product-ui-audit/SKILL.md",
+      "sha256": "cef077d82f906fd26d1507bbab00f5215a75583780aa893805d3018eef000a05"
+    },
+    {
+      "file": "skills/propose-options/SKILL.md",
+      "sha256": "3c0f8a8cef70506802ad67350ecde1ff5f633ddab21c22f3a4f91d923b9b9151"
+    },
+    {
+      "file": "skills/prototype/references/audit-checks.md",
+      "sha256": "6f17d6b4bc6ae94eedef8c39b68d4ab1baec92ef1035eeab462e17239c2803e3"
+    },
+    {
+      "file": "skills/prototype/references/benchmark-sources.md",
+      "sha256": "5bf8b038d2476c38c72cbb808f75e023655eaa7735d72c3e6071e199307e594b"
+    },
+    {
+      "file": "skills/prototype/references/checkpoints.md",
+      "sha256": "b37d72ad57392a6dbc75398bd9f9b92868346245530b8bddfbda4729744def33"
+    },
+    {
+      "file": "skills/prototype/references/evaluation-matrix.md",
+      "sha256": "575385e5250ecbe96068a94f71521e5d0bf9a1a33873c79500708ab620067be8"
+    },
+    {
+      "file": "skills/prototype/references/ooux-template.md",
+      "sha256": "7fda191d66844a765a67c4eae6c5c5cd54c45a2b40feff68fa54d33e24639486"
+    },
+    {
+      "file": "skills/prototype/references/proposal-template.md",
+      "sha256": "ec54bb412c255be03dd0269b708be8e8d4797f8bd58f4954a6dc52f955a9a8c6"
+    },
+    {
+      "file": "skills/prototype/SKILL.md",
+      "sha256": "21b6c91550233609274e772f245afa25bbc1aa338cc2a7a135a3577e3b16da77"
+    },
+    {
+      "file": "skills/scan-similar-bugs/SKILL.md",
+      "sha256": "79c5125f6d65d9d530c09ba2f19afe60174278448b122f4d4a66f9280c1312ca"
+    },
+    {
+      "file": "skills/ux-audit/SKILL.md",
+      "sha256": "28673c2f0207a0fa37f262ae8276d2b120b61c3329ada4d900fd6cdca42e35ed"
+    },
+    {
+      "file": "skills/visual-audit/output/.gitkeep",
+      "sha256": "e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855"
+    },
+    {
+      "file": "skills/visual-audit/references/audit-architecture.md",
+      "sha256": "48c931ad559c1e37ecebd08d289509692c79d9c92d2574f65e89bf286b7c95cf"
+    },
+    {
+      "file": "skills/visual-audit/references/visual-checklist.md",
+      "sha256": "1d2d366122227b0665135c9a9f3138385d369996ad870ffa1c58402753b22bd0"
+    },
+    {
+      "file": "skills/visual-audit/references/world-class-benchmarks.md",
+      "sha256": "bdb46cb8d1f164c141e0e7092932a787674fe5bd4defe88ad2ca91d2cfb76bdf"
+    },
+    {
+      "file": "skills/visual-audit/SKILL.md",
+      "sha256": "0af4957c5ab08f8c04bbc944900ae45b719eed879e667de1fd139392e57c4525"
+    }
+  ]
+}