create-yss-spec 2.1.11 → 2.1.13

package/template/docs/design/tokens/theme.json

@@ -1,16 +1,20 @@
 {
   "token": {
-    "colorPrimary": "#1677ff",
+    "colorPrimary": "#3371ff",
     "colorSuccess": "#52c41a",
     "colorWarning": "#faad14",
-    "colorError": "#ff4d4f",
-    "colorInfo": "#1677ff",
-    "colorTextBase": "#111111",
+    "colorError": "#f5222d",
+    "colorInfo": "#3371ff",
+    "colorTextBase": "#000000",
     "colorBgBase": "#ffffff",
-    "fontFamily": "Inter, system-ui, -apple-system, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'",
-    "fontFamilyCode": "'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace",
+    "colorBgLayout": "#f0f2f5",
+    "colorText": "rgba(0, 0, 0, 0.88)",
+    "colorTextSecondary": "rgba(0, 0, 0, 0.65)",
+    "colorBorder": "#d9d9d9",
+    "fontFamily": "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
+    "fontFamilyCode": "\"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, Courier, monospace",
     "fontSize": 14,
-    "borderRadius": 8,
+    "borderRadius": 6,
     "sizeUnit": 4,
     "sizeStep": 4,
     "controlHeight": 32,
@@ -18,7 +22,10 @@
     "motionUnit": 0.1,
     "motionBase": 0,
     "wireframe": false,
-    "motion": true
+    "motion": true,
+    "layoutHeaderHeight": 64,
+    "layoutSiderBackground": "#001529",
+    "layoutBodyBackground": "#f0f2f5"
   },
   "algorithm": "default"
-}
+}

package/template/docs/design/tokens/tokens.compact.json

@@ -1,48 +1,48 @@
 {
   "algorithm": "compact",
-  "colorPrimary": "#1677ff",
-  "colorPrimaryBg": "#e6f4ff",
-  "colorPrimaryBgHover": "#bae0ff",
-  "colorPrimaryBorder": "#91caff",
-  "colorPrimaryBorderHover": "#69b1ff",
+  "colorPrimary": "#3371ff",
+  "colorPrimaryBg": "#d6e4ff",
+  "colorPrimaryBgHover": "#adc6ff",
+  "colorPrimaryBorder": "#85a5ff",
+  "colorPrimaryBorderHover": "#597ef7",
   "colorPrimaryHover": "#4096ff",
   "colorPrimaryActive": "#0958d9",
   "colorPrimaryText": "#002c8c",
   "colorSuccess": "#52c41a",
   "colorSuccessBg": "#f6ffed",
-  "colorSuccessBorder": "#b6eb8f",
-  "colorSuccessHover": "#72d13d",
+  "colorSuccessBorder": "#b7eb8f",
+  "colorSuccessHover": "#73d13d",
   "colorSuccessActive": "#389e0d",
   "colorWarning": "#faad14",
   "colorWarningBg": "#fffbe6",
   "colorWarningBorder": "#ffe58f",
   "colorWarningHover": "#ffc53d",
   "colorWarningActive": "#d48806",
-  "colorError": "#ff4d4f",
+  "colorError": "#f5222d",
   "colorErrorBg": "#fff2f0",
   "colorErrorBorder": "#ffccc7",
-  "colorErrorHover": "#ff7875",
-  "colorErrorActive": "#d9363d",
-  "colorInfo": "#1677ff",
+  "colorErrorHover": "#ff4d4f",
+  "colorErrorActive": "#cf1322",
+  "colorInfo": "#3371ff",
   "colorInfoBg": "#e6f4ff",
   "colorInfoBorder": "#91caff",
-  "colorLink": "#1677ff",
+  "colorLink": "#3371ff",
   "colorLinkHover": "#4096ff",
   "colorLinkActive": "#0958d9",
-  "colorText": "#2e2e2e",
-  "colorTextSecondary": "#646464",
-  "colorTextTertiary": "#949494",
-  "colorTextQuaternary": "#c4c4c4",
-  "colorFill": "#dbdbdb",
-  "colorFillSecondary": "#f1f1f1",
+  "colorText": "rgba(0, 0, 0, 0.88)",
+  "colorTextSecondary": "rgba(0, 0, 0, 0.65)",
+  "colorTextTertiary": "#8c8c8c",
+  "colorTextQuaternary": "#bfbfbf",
+  "colorFill": "#d9d9d9",
+  "colorFillSecondary": "#f0f0f0",
   "colorFillTertiary": "#f5f5f5",
   "colorFillQuaternary": "#fafafa",
-  "colorBgLayout": "#f5f5f5",
+  "colorBgLayout": "#f0f2f5",
   "colorBgContainer": "#ffffff",
   "colorBgElevated": "#ffffff",
-  "colorBorder": "#dbdbdb",
-  "colorBorderSecondary": "#f1f1f1",
-  "fontFamily": "Inter, system-ui, -apple-system, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'",
+  "colorBorder": "#d9d9d9",
+  "colorBorderSecondary": "#f0f0f0",
+  "fontFamily": "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
   "fontFamilyCode": "'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace",
   "fontSize": 14,
   "fontSizeSM": 12,
@@ -64,10 +64,10 @@
   "sizeLG": 16,
   "sizeXL": 24,
   "sizeXXL": 32,
-  "borderRadiusXS": 3,
-  "borderRadiusSM": 5,
-  "borderRadius": 8,
-  "borderRadiusLG": 10,
+  "borderRadiusXS": 2,
+  "borderRadiusSM": 4,
+  "borderRadius": 6,
+  "borderRadiusLG": 8,
   "lineWidth": 1,
   "controlHeightXS": 14,
   "controlHeightSM": 21,
@@ -78,13 +78,16 @@
   "motionDurationSlow": "0.3s",
   "motionEaseInOut": "cubic-bezier(0.645, 0.045, 0.355, 1)",
   "motionEaseOut": "cubic-bezier(0.215, 0.61, 0.355, 1)",
+  "layoutHeaderHeight": 64,
+  "layoutSiderBackground": "#001529",
+  "layoutBodyBackground": "#f0f2f5",
   "primaryPalette": [
-    "#e6f4ff",
-    "#bae0ff",
-    "#91caff",
-    "#69b1ff",
-    "#4096ff",
-    "#1677ff",
+    "color-mix(in srgb, #3371ff 10%, transparent)",
+    "#d6e4ff",
+    "#adc6ff",
+    "#85a5ff",
+    "#597ef7",
+    "#3371ff",
     "#0958d9",
     "#003eb3",
     "#002c8c",

package/template/docs/design/tokens/tokens.dark.json

@@ -42,7 +42,7 @@
   "colorBgElevated": "#272727",
   "colorBorder": "#3e3e3e",
   "colorBorderSecondary": "#303030",
-  "fontFamily": "Inter, system-ui, -apple-system, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'",
+  "fontFamily": "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
   "fontFamilyCode": "'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace",
   "fontSize": 14,
   "fontSizeSM": 12,
@@ -64,10 +64,10 @@
   "sizeLG": 24,
   "sizeXL": 32,
   "sizeXXL": 48,
-  "borderRadiusXS": 3,
-  "borderRadiusSM": 5,
-  "borderRadius": 8,
-  "borderRadiusLG": 10,
+  "borderRadiusXS": 2,
+  "borderRadiusSM": 4,
+  "borderRadius": 6,
+  "borderRadiusLG": 8,
   "lineWidth": 1,
   "controlHeightXS": 16,
   "controlHeightSM": 24,

package/template/docs/design/tokens/tokens.default.json

@@ -1,48 +1,48 @@
 {
   "algorithm": "default",
-  "colorPrimary": "#1677ff",
-  "colorPrimaryBg": "#e6f4ff",
-  "colorPrimaryBgHover": "#bae0ff",
-  "colorPrimaryBorder": "#91caff",
-  "colorPrimaryBorderHover": "#69b1ff",
+  "colorPrimary": "#3371ff",
+  "colorPrimaryBg": "#d6e4ff",
+  "colorPrimaryBgHover": "#adc6ff",
+  "colorPrimaryBorder": "#85a5ff",
+  "colorPrimaryBorderHover": "#597ef7",
   "colorPrimaryHover": "#4096ff",
   "colorPrimaryActive": "#0958d9",
   "colorPrimaryText": "#002c8c",
   "colorSuccess": "#52c41a",
   "colorSuccessBg": "#f6ffed",
-  "colorSuccessBorder": "#b6eb8f",
-  "colorSuccessHover": "#72d13d",
+  "colorSuccessBorder": "#b7eb8f",
+  "colorSuccessHover": "#73d13d",
   "colorSuccessActive": "#389e0d",
   "colorWarning": "#faad14",
   "colorWarningBg": "#fffbe6",
   "colorWarningBorder": "#ffe58f",
   "colorWarningHover": "#ffc53d",
   "colorWarningActive": "#d48806",
-  "colorError": "#ff4d4f",
+  "colorError": "#f5222d",
   "colorErrorBg": "#fff2f0",
   "colorErrorBorder": "#ffccc7",
-  "colorErrorHover": "#ff7875",
-  "colorErrorActive": "#d9363d",
-  "colorInfo": "#1677ff",
+  "colorErrorHover": "#ff4d4f",
+  "colorErrorActive": "#cf1322",
+  "colorInfo": "#3371ff",
   "colorInfoBg": "#e6f4ff",
   "colorInfoBorder": "#91caff",
-  "colorLink": "#1677ff",
+  "colorLink": "#3371ff",
   "colorLinkHover": "#4096ff",
   "colorLinkActive": "#0958d9",
-  "colorText": "#2e2e2e",
-  "colorTextSecondary": "#646464",
-  "colorTextTertiary": "#949494",
-  "colorTextQuaternary": "#c4c4c4",
-  "colorFill": "#dbdbdb",
-  "colorFillSecondary": "#f1f1f1",
+  "colorText": "rgba(0, 0, 0, 0.88)",
+  "colorTextSecondary": "rgba(0, 0, 0, 0.65)",
+  "colorTextTertiary": "#8c8c8c",
+  "colorTextQuaternary": "#bfbfbf",
+  "colorFill": "#d9d9d9",
+  "colorFillSecondary": "#f0f0f0",
   "colorFillTertiary": "#f5f5f5",
   "colorFillQuaternary": "#fafafa",
-  "colorBgLayout": "#f5f5f5",
+  "colorBgLayout": "#f0f2f5",
   "colorBgContainer": "#ffffff",
   "colorBgElevated": "#ffffff",
-  "colorBorder": "#dbdbdb",
-  "colorBorderSecondary": "#f1f1f1",
-  "fontFamily": "Inter, system-ui, -apple-system, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'",
+  "colorBorder": "#d9d9d9",
+  "colorBorderSecondary": "#f0f0f0",
+  "fontFamily": "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
   "fontFamilyCode": "'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace",
   "fontSize": 14,
   "fontSizeSM": 12,
@@ -64,10 +64,10 @@
   "sizeLG": 24,
   "sizeXL": 32,
   "sizeXXL": 48,
-  "borderRadiusXS": 3,
-  "borderRadiusSM": 5,
-  "borderRadius": 8,
-  "borderRadiusLG": 10,
+  "borderRadiusXS": 2,
+  "borderRadiusSM": 4,
+  "borderRadius": 6,
+  "borderRadiusLG": 8,
   "lineWidth": 1,
   "controlHeightXS": 16,
   "controlHeightSM": 24,
@@ -78,13 +78,22 @@
   "motionDurationSlow": "0.3s",
   "motionEaseInOut": "cubic-bezier(0.645, 0.045, 0.355, 1)",
   "motionEaseOut": "cubic-bezier(0.215, 0.61, 0.355, 1)",
+  "layoutHeaderHeight": 64,
+  "layoutSiderBackground": "#001529",
+  "layoutBodyBackground": "#f0f2f5",
+  "screenXS": 480,
+  "screenSM": 576,
+  "screenMD": 768,
+  "screenLG": 992,
+  "screenXL": 1200,
+  "screenXXL": 1600,
   "primaryPalette": [
-    "#e6f4ff",
-    "#bae0ff",
-    "#91caff",
-    "#69b1ff",
-    "#4096ff",
-    "#1677ff",
+    "color-mix(in srgb, #3371ff 10%, transparent)",
+    "#d6e4ff",
+    "#adc6ff",
+    "#85a5ff",
+    "#597ef7",
+    "#3371ff",
     "#0958d9",
     "#003eb3",
     "#002c8c",

package/template/docs/design/tokens/variables.css

@@ -1,47 +1,47 @@
 :root {
-  --brand-color-primary: #1677ff;
-  --brand-color-primary-bg: #e6f4ff;
-  --brand-color-primary-bg-hover: #bae0ff;
-  --brand-color-primary-border: #91caff;
-  --brand-color-primary-border-hover: #69b1ff;
+  --brand-color-primary: #3371ff;
+  --brand-color-primary-bg: #d6e4ff;
+  --brand-color-primary-bg-hover: #adc6ff;
+  --brand-color-primary-border: #85a5ff;
+  --brand-color-primary-border-hover: #597ef7;
   --brand-color-primary-hover: #4096ff;
   --brand-color-primary-active: #0958d9;
   --brand-color-primary-text: #002c8c;
   --brand-color-success: #52c41a;
   --brand-color-success-bg: #f6ffed;
-  --brand-color-success-border: #b6eb8f;
-  --brand-color-success-hover: #72d13d;
+  --brand-color-success-border: #b7eb8f;
+  --brand-color-success-hover: #73d13d;
   --brand-color-success-active: #389e0d;
   --brand-color-warning: #faad14;
   --brand-color-warning-bg: #fffbe6;
   --brand-color-warning-border: #ffe58f;
   --brand-color-warning-hover: #ffc53d;
   --brand-color-warning-active: #d48806;
-  --brand-color-error: #ff4d4f;
+  --brand-color-error: #f5222d;
   --brand-color-error-bg: #fff2f0;
   --brand-color-error-border: #ffccc7;
-  --brand-color-error-hover: #ff7875;
-  --brand-color-error-active: #d9363d;
-  --brand-color-info: #1677ff;
+  --brand-color-error-hover: #ff4d4f;
+  --brand-color-error-active: #cf1322;
+  --brand-color-info: #3371ff;
   --brand-color-info-bg: #e6f4ff;
   --brand-color-info-border: #91caff;
-  --brand-color-link: #1677ff;
+  --brand-color-link: #3371ff;
   --brand-color-link-hover: #4096ff;
   --brand-color-link-active: #0958d9;
-  --brand-color-text: #2e2e2e;
-  --brand-color-text-secondary: #646464;
-  --brand-color-text-tertiary: #949494;
-  --brand-color-text-quaternary: #c4c4c4;
-  --brand-color-fill: #dbdbdb;
-  --brand-color-fill-secondary: #f1f1f1;
+  --brand-color-text: rgba(0, 0, 0, 0.88);
+  --brand-color-text-secondary: rgba(0, 0, 0, 0.65);
+  --brand-color-text-tertiary: #8c8c8c;
+  --brand-color-text-quaternary: #bfbfbf;
+  --brand-color-fill: #d9d9d9;
+  --brand-color-fill-secondary: #f0f0f0;
   --brand-color-fill-tertiary: #f5f5f5;
   --brand-color-fill-quaternary: #fafafa;
-  --brand-color-bg-layout: #f5f5f5;
+  --brand-color-bg-layout: #f0f2f5;
   --brand-color-bg-container: #ffffff;
   --brand-color-bg-elevated: #ffffff;
-  --brand-color-border: #dbdbdb;
-  --brand-color-border-secondary: #f1f1f1;
-  --brand-font-family: Inter, system-ui, -apple-system, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+  --brand-color-border: #d9d9d9;
+  --brand-color-border-secondary: #f0f0f0;
+  --brand-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   --brand-font-family-code: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
   --brand-font-size: 14px;
   --brand-font-size-sm: 12px;
@@ -63,10 +63,10 @@
   --brand-size-lg: 24px;
   --brand-size-xl: 32px;
   --brand-size-xxl: 48px;
-  --brand-border-radius-xs: 3px;
-  --brand-border-radius-sm: 5px;
-  --brand-border-radius: 8px;
-  --brand-border-radius-lg: 10px;
+  --brand-border-radius-xs: 2px;
+  --brand-border-radius-sm: 4px;
+  --brand-border-radius: 6px;
+  --brand-border-radius-lg: 8px;
   --brand-line-width: 1px;
   --brand-control-height-xs: 16px;
   --brand-control-height-sm: 24px;
@@ -77,12 +77,12 @@
   --brand-motion-duration-slow: 0.3s;
   --brand-motion-ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
   --brand-motion-ease-out: cubic-bezier(0.215, 0.61, 0.355, 1);
-  --brand-primary-palette-1: #e6f4ff;
-  --brand-primary-palette-2: #bae0ff;
-  --brand-primary-palette-3: #91caff;
-  --brand-primary-palette-4: #69b1ff;
-  --brand-primary-palette-5: #4096ff;
-  --brand-primary-palette-6: #1677ff;
+  --brand-primary-palette-1: color-mix(in srgb, var(--brand-color-primary) 10%, transparent);
+  --brand-primary-palette-2: #d6e4ff;
+  --brand-primary-palette-3: #adc6ff;
+  --brand-primary-palette-4: #85a5ff;
+  --brand-primary-palette-5: #597ef7;
+  --brand-primary-palette-6: #3371ff;
   --brand-primary-palette-7: #0958d9;
   --brand-primary-palette-8: #003eb3;
   --brand-primary-palette-9: #002c8c;
@@ -217,6 +217,31 @@
   --brand-presets-grey-8: #1a1a1a;
   --brand-presets-grey-9: #000000;
   --brand-presets-grey-10: #000000;
+  --brand-layout-header-height: 64px;
+  --brand-layout-sider-background: #001529;
+  --brand-layout-body-background: var(--brand-color-bg-layout);
+  --brand-screen-xs: 480px;
+  --brand-screen-sm: 576px;
+  --brand-screen-md: 768px;
+  --brand-screen-lg: 992px;
+  --brand-screen-xl: 1200px;
+  --brand-screen-xxl: 1600px;
+  --primary-color: var(--brand-color-primary);
+  --primary-color-hover: var(--brand-color-primary-hover);
+  --primary-color-active: var(--brand-color-primary-active);
+  --primary-1: color-mix(in srgb, var(--primary-color) 10%, transparent);
+  --primary-7: var(--primary-color-active);
+  --success-color: var(--brand-color-success);
+  --warning-color: var(--brand-color-warning);
+  --error-color: var(--brand-color-error);
+  --info-color: var(--brand-color-info);
+  --text-color: var(--brand-color-text);
+  --text-color-secondary: var(--brand-color-text-secondary);
+  --text-color-inverse: #ffffff;
+  --border-color: var(--brand-color-border);
+  --border-color-split: var(--brand-color-border-secondary);
+  --bg-color: var(--brand-color-bg-layout);
+  --bg-color-container: var(--brand-color-bg-container);
 }
 
 .dark {
@@ -262,7 +287,7 @@
   --brand-color-bg-elevated: #272727;
   --brand-color-border: #3e3e3e;
   --brand-color-border-secondary: #303030;
-  --brand-font-family: Inter, system-ui, -apple-system, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+  --brand-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   --brand-font-family-code: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
   --brand-font-size: 14px;
   --brand-font-size-sm: 12px;
@@ -284,10 +309,10 @@
   --brand-size-lg: 24px;
   --brand-size-xl: 32px;
   --brand-size-xxl: 48px;
-  --brand-border-radius-xs: 3px;
-  --brand-border-radius-sm: 5px;
-  --brand-border-radius: 8px;
-  --brand-border-radius-lg: 10px;
+  --brand-border-radius-xs: 2px;
+  --brand-border-radius-sm: 4px;
+  --brand-border-radius: 6px;
+  --brand-border-radius-lg: 8px;
   --brand-line-width: 1px;
   --brand-control-height-xs: 16px;
   --brand-control-height-sm: 24px;

package/template/docs/design/tokens/variables.dark.css

@@ -41,7 +41,7 @@
   --brand-color-bg-elevated: #272727;
   --brand-color-border: #3e3e3e;
   --brand-color-border-secondary: #303030;
-  --brand-font-family: Inter, system-ui, -apple-system, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+  --brand-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   --brand-font-family-code: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
   --brand-font-size: 14px;
   --brand-font-size-sm: 12px;
@@ -63,10 +63,10 @@
   --brand-size-lg: 24px;
   --brand-size-xl: 32px;
   --brand-size-xxl: 48px;
-  --brand-border-radius-xs: 3px;
-  --brand-border-radius-sm: 5px;
-  --brand-border-radius: 8px;
-  --brand-border-radius-lg: 10px;
+  --brand-border-radius-xs: 2px;
+  --brand-border-radius-sm: 4px;
+  --brand-border-radius: 6px;
+  --brand-border-radius-lg: 8px;
   --brand-line-width: 1px;
   --brand-control-height-xs: 16px;
   --brand-control-height-sm: 24px;

package/template/docs/process/implementation-repo-integration.md

@@ -23,6 +23,15 @@ apps/
 
 每个 Harness 内项目至少登记 `project_type`、`project_name`、`project_root` 和 `repository_scope`。同一 Git monorepo 下的多个项目可以共用一条仓库登记，但必须逐项目列出根路径和独立验证命令；不同 Git 仓库必须分别登记。
 
+## 1.2 前端 / 后端验证命令
+
+登记和执行测试、编译时按工程类型选择命令，不要把模板源的 Node 工具链命令套到产品运行时工程。
+
+- **frontend**：依赖安装、测试、type-check 与构建优先使用 `pnpm`（例如 `pnpm test`、`pnpm type-check`、`pnpm build`）。不要默认 `npm` 或 `yarn`。
+- **backend**：校验、测试与编译优先使用项目根 `./mvnw`（例如 `./mvnw validate`、`./mvnw test`、`./mvnw package`）。不要默认裸 `mvn`。
+- Ticket、Slice Implementation Contract、CI 和 Review 证据必须写下实际执行的上述命令。既有仓库缺少 `pnpm` 或 Maven Wrapper 时，先记录受控例外、替代命令和责任人，再执行。
+- 本模板源仓库没有产品 frontend / backend 运行时；其 Node 校验仍按 `AGENTS.md` 的 Cursor Cloud 说明使用 `pnpm --dir .template-source/tooling/node`。
+
 ## 2. 影响面路由
 
 | 影响面 | 必须绑定的记录 | 本变更结论 |

package/template/docs/user-guide//344/272/247/345/223/201/347/240/224/345/217/221/345/205/250/347/224/237/345/221/275/345/221/250/346/234/237/346/234/200/344/275/263/345/256/236/350/267/265.md

@@ -149,7 +149,7 @@ skills 是让 AI 按规程工作的“操作手册”，不是关键词装饰。
 | 产品总体设计 / 功能架构 | `docs/design/templates/product-overview-design-template.md`、`docs/.scratch/<feature>/design/` | Spec 初稿后的必要产物；必须包含低保真原型 / 页面草图；进入页面 / 原型 / 交互设计、Spec 校准或 OpenAPI Draft 前必须完成 |
 | 页面和交互设计 | `product-design:index`、Product Design focused skills、`docs/.scratch/<feature>/design/` | 基于 Spec 初稿和产品总体设计细化页面流、状态和交互，再回填 Spec 并反推 API |
 | 原型评审 | `prototype-review` | 未通过时回到产品设计；通过后进入高保真 HTML 原型，不直接进入 Spec 校准 / API 影响分析 / 契约草案 |
-| 高保真 HTML 原型 | `product-design:index` 路由到 Product Design focused skill；`antd` CLI | 低保真评审通过后的强制产物；必须使用 Ant Design v6，输出 `docs/.scratch/<feature>/design/prototypes/index.html`，记录 AntD CLI 校验证据并获得用户确认 |
+| 高保真 HTML 原型 | `product-design:index` 路由到 Product Design focused skill；`yss-antd-design`（仅原型） | 低保真评审通过后的强制产物；必须使用 Ant Design v6，输出 `docs/.scratch/<feature>/design/prototypes/index.html`，记录 AntD CLI 校验证据并获得用户确认。前端落地改用 `yss-ui` |
 | API 契约 | API 影响分析 / 契约草案 / OpenAPI Freeze 流程 | Draft 可讨论，Freeze 才可开发 |
 | 正式变更设计 | `to-tickets` / Matt skills | 复用 Spec，聚焦技术方案、风险和测试 seam |
 | 拆切片 | `to-tickets` | 必须是端到端垂直切片 |
@@ -478,7 +478,7 @@ docs/.scratch/data-modeling/design/data-modeling-prototype-review.md
 | 页面清单、用户流、状态矩阵、Spec 回填项、OpenAPI 反推 | `product-design:index` -> `$get-context` / `$prototype` | 基于 Spec 初稿和产品总体设计后的原型入口 |
 | 低保真线框、流程草图 | `product-design:index` -> `$ideate` / `$prototype`；Excalidraw / Markdown wireframe | 适合快速讨论，不绑定工程依赖 |
 | 高保真或设计系统协作 | Figma / Penpot，必要时使用 `figma` / `figma-use` | 适合设计团队和组件规范沉淀 |
-| 高保真可交互 HTML 原型 | `product-design:index` -> `$prototype` / `$image-to-code` / `$url-to-code`；`antd` CLI；Ant Design v6 | 低保真原型评审通过后的必需产物，用于 Spec 校准和 API 反推前的体验确认 |
+| 高保真可交互 HTML 原型 | `product-design:index` -> `$prototype` / `$image-to-code` / `$url-to-code`；`yss-antd-design`；Ant Design v6 | 低保真原型评审通过后的必需产物，用于 Spec 校准和 API 反推前的体验确认。前端落地改用 `yss-ui` |
 | 图谱、血缘、流程编排画布 | tldraw / xyflow | 适合数据血缘、任务流、关系图等画布型体验 |
 | 进入高保真前门禁 | `prototype-review` | 未通过则回到原型阶段 |
 
@@ -1053,7 +1053,7 @@ docs/user-guide/
 基于 <Spec 路径>、`docs/.scratch/<feature>/design/<feature>-product-overview-design.md`、`docs/.scratch/<feature>/design/<feature>-interaction-spec.md`、`docs/.scratch/<feature>/design/<feature>-state-matrix.md` 和 `docs/.scratch/<feature>/design/<feature>-prototype-review.md`，
 为 <功能名> 生成 Ant Design v6 高保真可交互 HTML 原型。
 输出路径必须是 `docs/.scratch/<feature>/design/prototypes/index.html`。
-产出前必须使用 `antd` CLI 查询设计语言、组件 API、demo、token 和 semantic 信息，不要凭记忆写 Ant Design v6 组件。
+产出前必须使用 `yss-antd-design` 查询设计语言、组件 API、demo、token 和 semantic 信息，不要凭记忆写 Ant Design v6 组件。前端代码落地不要调用该技能，改用 `yss-ui`。
 请覆盖主流程、关键异常、loading/empty/error/no-permission/readonly/disabled/conflict/success 状态、表单校验、弹窗/抽屉、响应式断点。
 完成后给出 Ant Design v6 版本依据、`antd` CLI 查询过的组件 / token / demo / semantic、本地浏览器验证证据，并使用 `docs/design/templates/prototype-confirmation-template.md` 记录用户确认。
 ```

package/template/skills-lock.json

@@ -257,7 +257,7 @@
         "source": "project",
         "sourceType": "local",
         "skillPath": ".agents/skills/high-fidelity-html-prototype/SKILL.md",
-        "effectiveHash": "36828f3c5eeabd1d49e551a23f84e240f68474cdcddac22aec922cc98fac5ee6",
+        "effectiveHash": "e01474164c9f8d13ff261184196f2175bf8e66b27e7ee8153b5e1ee7269e068d",
         "targets": [
           ".agents/skills",
           ".claude/skills",
@@ -323,6 +323,22 @@
           ".trae/skills"
         ]
       },
+      "llm-wiki": {
+        "source": "project",
+        "sourceType": "local",
+        "skillPath": ".agents/skills/llm-wiki/SKILL.md",
+        "effectiveHash": "41a5880856745312d33a2875ce16fe321e5f326eb8e27321f96741421ffce49a",
+        "targets": [
+          ".agents/skills",
+          ".claude/skills",
+          ".codex/skills",
+          ".cursor/skills",
+          ".hermes/skills",
+          ".pi/skills",
+          ".qoder/skills",
+          ".trae/skills"
+        ]
+      },
       "lombok": {
         "source": "claude-dev-suite/claude-dev-suite",
         "sourceType": "github",
@@ -802,6 +818,22 @@
           ".trae/skills"
         ]
       },
+      "yss-antd-design": {
+        "source": "project",
+        "sourceType": "local",
+        "skillPath": ".agents/skills/yss-antd-design/SKILL.md",
+        "effectiveHash": "9ebed3a9b0ac94ecf1deafa096c1bfb999264d103d8fcd8cdf6eb4979196124c",
+        "targets": [
+          ".agents/skills",
+          ".claude/skills",
+          ".codex/skills",
+          ".cursor/skills",
+          ".hermes/skills",
+          ".pi/skills",
+          ".qoder/skills",
+          ".trae/skills"
+        ]
+      },
       "yss-api-integration": {
         "source": "project",
         "sourceType": "local",
@@ -902,7 +934,7 @@
         "source": "project",
         "sourceType": "local",
         "skillPath": ".agents/skills/yss-design-system/SKILL.md",
-        "effectiveHash": "e179989cd6db0b33739c7fa88f09010c0b4af74b4af625b0774ec5cd7c574775",
+        "effectiveHash": "afe3f9f1758bce43b82fb247f05a04aa8df0e557c7695a95fb5327dc3714773a",
         "targets": [
           ".agents/skills",
           ".claude/skills",
@@ -1142,7 +1174,7 @@
         "source": "project",
         "sourceType": "local",
         "skillPath": ".agents/skills/yss-product-lifecycle/SKILL.md",
-        "effectiveHash": "9168ad69248554b37145d898f1b8adb7d03c62679c49f29b3494edea6ee34e7b",
+        "effectiveHash": "eaa20ca65548a0c0c4fd30f56eb8d15ec872179ea39ffd93dd64730b3dcf5301",
         "targets": [
           ".agents/skills",
           ".claude/skills",
@@ -1158,7 +1190,7 @@
         "source": "project",
         "sourceType": "local",
         "skillPath": ".agents/skills/yss-prototype-stage/SKILL.md",
-        "effectiveHash": "a6760bc2c5b2296ad3a182838ead29502bc06eb632fa77eb7d1df531a99fc0cf",
+        "effectiveHash": "2d5665a622624c0525f41c919e69c5c0e327d1d9d678b2587cc013d491f92ff2",
         "targets": [
           ".agents/skills",
           ".claude/skills",
@@ -1254,7 +1286,7 @@
         "source": "project",
         "sourceType": "local",
         "skillPath": ".agents/skills/yss-ui/SKILL.md",
-        "effectiveHash": "a09ba879a579fd0fe8a66743f218503bf122b7882398c0840d5759bb7a57e246",
+        "effectiveHash": "da3179da42089eca85226267c7a7597bb71f06fbf730af3652a05baaed927eca",
         "targets": [
           ".agents/skills",
           ".claude/skills",