[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M71P9VA64TH3ACSQ9ZZZ3D6B":3,"skill-same:01M71P9VA64TH3ACSQ9ZZZ3D6B":105},{"skillNo":4,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":9,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":15,"sourceHtmlUrl":16,"categories":17,"keywords":28,"publishedAt":49,"linkOnly":50,"markdownContent":51,"markdownBody":52,"frontMatter":53,"refName":63,"commitSha":64,"skillDirectory":65,"forksCount":66,"repositoryHtmlUrl":67,"repositoryHomepageUrl":68,"ownerHtmlUrl":69,"ownerBlogUrl":70,"ownerDescription":6,"updatedAt":71,"install":72,"resources":85},"01M71P9VA64TH3ACSQ9ZZZ3D6B","visual-design-foundations",null,"Use when establishing design tokens or a style guide: typography scales, color palettes, 8-point spacing, iconography and visual hierarchy. Includes CSS token examples, accessible contrast and dark mode theming.","monoes\u002Fmonomind","monoes","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F276744696?v=4","01M71KWF37AJ2NJBP3KWBVSDGT","01M71KWF4CSF8ADH0M6HA09VD2",23,"MIT","https:\u002F\u002Fgithub.com\u002Fmonoes\u002Fmonomind\u002Fblob\u002Fmain\u002Fpackages\u002F@monomind\u002Fcli\u002Forg-skills\u002Fvisual-design-foundations\u002FLICENSE.txt","https:\u002F\u002Fgithub.com\u002Fmonoes\u002Fmonomind\u002Fblob\u002Fmain\u002Fpackages\u002F@monomind\u002Fcli\u002Forg-skills\u002Fvisual-design-foundations\u002FSKILL.md",[18,23],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000015","视觉设计","SCENARIO","使用场景",{"categoryNo":24,"categoryName":25,"taxonomyType":26,"taxonomyTypeDesc":27},"01JBSEEDCAT000000000000032","设计师","PROFESSION","适用职业",[29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48],"design","visual design","visual design foundations","visual","design foundations","foundations","color","guide","typography","ui","design-system","contrast","spacing","token","palette","hierarchy","when","fix","mode","css","2026-11-10 13:02:02",false,"---\nname: visual-design-foundations\ndescription: \"Use when establishing design tokens or a style guide: typography scales, color palettes, 8-point spacing, iconography and visual hierarchy. Includes CSS token examples, accessible contrast and dark mode theming.\"\ntags: [\"design\",\"design-system\",\"ui\",\"accessibility\"]\ntools: [\"monodesign_detect\",\"monodesign_fix\",\"monodesign_palette\"]\nlicense: MIT\nsource: https:\u002F\u002Fgithub.com\u002Fwshobson\u002Fagents\nsource_path: \"plugins\u002Fui-design\u002Fskills\u002Fvisual-design-foundations\"\nsource_commit: 4236bb91f8395b0435f1d8b8baf9e8e4c69a8620\n---\n# Visual Design Foundations\n\nBuild cohesive, accessible visual systems using typography, color, spacing, and iconography fundamentals.\n\n## When to Use This Skill\n\n- Establishing design tokens for a new project\n- Creating or refining a spacing and sizing system\n- Selecting and pairing typefaces\n- Building accessible color palettes\n- Designing icon systems and visual assets\n- Improving visual hierarchy and readability\n- Auditing designs for visual consistency\n- Implementing dark mode or theming\n\n## Core Systems\n\n### 1. Typography Scale\n\n**Modular Scale** (ratio-based sizing):\n\n```css\n:root {\n  --font-size-xs: 0.75rem; \u002F* 12px *\u002F\n  --font-size-sm: 0.875rem; \u002F* 14px *\u002F\n  --font-size-base: 1rem; \u002F* 16px *\u002F\n  --font-size-lg: 1.125rem; \u002F* 18px *\u002F\n  --font-size-xl: 1.25rem; \u002F* 20px *\u002F\n  --font-size-2xl: 1.5rem; \u002F* 24px *\u002F\n  --font-size-3xl: 1.875rem; \u002F* 30px *\u002F\n  --font-size-4xl: 2.25rem; \u002F* 36px *\u002F\n  --font-size-5xl: 3rem; \u002F* 48px *\u002F\n}\n```\n\n**Line Height Guidelines**:\n| Text Type | Line Height |\n|-----------|-------------|\n| Headings | 1.1 - 1.3 |\n| Body text | 1.5 - 1.7 |\n| UI labels | 1.2 - 1.4 |\n\n### 2. Spacing System\n\n**8-point grid** (industry standard):\n\n```css\n:root {\n  --space-1: 0.25rem; \u002F* 4px *\u002F\n  --space-2: 0.5rem; \u002F* 8px *\u002F\n  --space-3: 0.75rem; \u002F* 12px *\u002F\n  --space-4: 1rem; \u002F* 16px *\u002F\n  --space-5: 1.25rem; \u002F* 20px *\u002F\n  --space-6: 1.5rem; \u002F* 24px *\u002F\n  --space-8: 2rem; \u002F* 32px *\u002F\n  --space-10: 2.5rem; \u002F* 40px *\u002F\n  --space-12: 3rem; \u002F* 48px *\u002F\n  --space-16: 4rem; \u002F* 64px *\u002F\n}\n```\n\n### 3. Color System\n\n**Semantic color tokens**:\n\n```css\n:root {\n  \u002F* Brand *\u002F\n  --color-primary: #2563eb;\n  --color-primary-hover: #1d4ed8;\n  --color-primary-active: #1e40af;\n\n  \u002F* Semantic *\u002F\n  --color-success: #16a34a;\n  --color-warning: #ca8a04;\n  --color-error: #dc2626;\n  --color-info: #0891b2;\n\n  \u002F* Neutral *\u002F\n  --color-gray-50: #f9fafb;\n  --color-gray-100: #f3f4f6;\n  --color-gray-200: #e5e7eb;\n  --color-gray-300: #d1d5db;\n  --color-gray-400: #9ca3af;\n  --color-gray-500: #6b7280;\n  --color-gray-600: #4b5563;\n  --color-gray-700: #374151;\n  --color-gray-800: #1f2937;\n  --color-gray-900: #111827;\n}\n```\n\n## Quick Start: Design Tokens in Tailwind\n\n```js\n\u002F\u002F tailwind.config.js\nmodule.exports = {\n  theme: {\n    extend: {\n      fontFamily: {\n        sans: [\"Inter\", \"system-ui\", \"sans-serif\"],\n        mono: [\"JetBrains Mono\", \"monospace\"],\n      },\n      fontSize: {\n        xs: [\"0.75rem\", { lineHeight: \"1rem\" }],\n        sm: [\"0.875rem\", { lineHeight: \"1.25rem\" }],\n        base: [\"1rem\", { lineHeight: \"1.5rem\" }],\n        lg: [\"1.125rem\", { lineHeight: \"1.75rem\" }],\n        xl: [\"1.25rem\", { lineHeight: \"1.75rem\" }],\n        \"2xl\": [\"1.5rem\", { lineHeight: \"2rem\" }],\n      },\n      colors: {\n        brand: {\n          50: \"#eff6ff\",\n          500: \"#3b82f6\",\n          600: \"#2563eb\",\n          700: \"#1d4ed8\",\n        },\n      },\n      spacing: {\n        \u002F\u002F Extends default with custom values\n        18: \"4.5rem\",\n        88: \"22rem\",\n      },\n    },\n  },\n};\n```\n\n## Typography Best Practices\n\n### Font Pairing\n\n**Safe combinations**:\n\n- Heading: **Inter** \u002F Body: **Inter** (single family)\n- Heading: **Playfair Display** \u002F Body: **Source Sans Pro** (contrast)\n- Heading: **Space Grotesk** \u002F Body: **IBM Plex Sans** (geometric)\n\n### Responsive Typography\n\n```css\n\u002F* Fluid typography using clamp() *\u002F\nh1 {\n  font-size: clamp(2rem, 5vw + 1rem, 3.5rem);\n  line-height: 1.1;\n}\n\np {\n  font-size: clamp(1rem, 2vw + 0.5rem, 1.125rem);\n  line-height: 1.6;\n  max-width: 65ch; \u002F* Optimal reading width *\u002F\n}\n```\n\n### Font Loading\n\n```css\n\u002F* Prevent layout shift *\u002F\n@font-face {\n  font-family: \"Inter\";\n  src: url(\"\u002Ffonts\u002FInter.woff2\") format(\"woff2\");\n  font-display: swap;\n  font-weight: 400 700;\n}\n```\n\n## Color Theory\n\n### Contrast Requirements (WCAG)\n\n| Element            | Minimum Ratio |\n| ------------------ | ------------- |\n| Body text          | 4.5:1 (AA)    |\n| Large text (18px+) | 3:1 (AA)      |\n| UI components      | 3:1 (AA)      |\n| Enhanced           | 7:1 (AAA)     |\n\n### Dark Mode Strategy\n\n```css\n:root {\n  --bg-primary: #ffffff;\n  --bg-secondary: #f9fafb;\n  --text-primary: #111827;\n  --text-secondary: #6b7280;\n  --border: #e5e7eb;\n}\n\n[data-theme=\"dark\"] {\n  --bg-primary: #111827;\n  --bg-secondary: #1f2937;\n  --text-primary: #f9fafb;\n  --text-secondary: #9ca3af;\n  --border: #374151;\n}\n```\n\n### Color Accessibility\n\n```tsx\n\u002F\u002F Check contrast programmatically\nfunction getContrastRatio(foreground: string, background: string): number {\n  const getLuminance = (hex: string) => {\n    const rgb = hexToRgb(hex);\n    const [r, g, b] = rgb.map((c) => {\n      c = c \u002F 255;\n      return c \u003C= 0.03928 ? c \u002F 12.92 : Math.pow((c + 0.055) \u002F 1.055, 2.4);\n    });\n    return 0.2126 * r + 0.7152 * g + 0.0722 * b;\n  };\n\n  const l1 = getLuminance(foreground);\n  const l2 = getLuminance(background);\n  const lighter = Math.max(l1, l2);\n  const darker = Math.min(l1, l2);\n\n  return (lighter + 0.05) \u002F (darker + 0.05);\n}\n```\n\n## Spacing Guidelines\n\n### Component Spacing\n\n```\nCard padding:      16-24px (--space-4 to --space-6)\nSection gap:       32-64px (--space-8 to --space-16)\nForm field gap:    16-24px (--space-4 to --space-6)\nButton padding:    8-16px vertical, 16-24px horizontal\nIcon-text gap:     8px (--space-2)\n```\n\n### Visual Rhythm\n\n```css\n\u002F* Consistent vertical rhythm *\u002F\n.prose > * + * {\n  margin-top: var(--space-4);\n}\n\n.prose > h2 + * {\n  margin-top: var(--space-2);\n}\n\n.prose > * + h2 {\n  margin-top: var(--space-8);\n}\n```\n\n## Iconography\n\n### Icon Sizing System\n\n```css\n:root {\n  --icon-xs: 12px;\n  --icon-sm: 16px;\n  --icon-md: 20px;\n  --icon-lg: 24px;\n  --icon-xl: 32px;\n}\n```\n\n### Icon Component\n\n```tsx\ninterface IconProps {\n  name: string;\n  size?: \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\n  className?: string;\n}\n\nconst sizeMap = {\n  xs: 12,\n  sm: 16,\n  md: 20,\n  lg: 24,\n  xl: 32,\n};\n\nexport function Icon({ name, size = \"md\", className }: IconProps) {\n  return (\n    \u003Csvg\n      width={sizeMap[size]}\n      height={sizeMap[size]}\n      className={cn(\"inline-block flex-shrink-0\", className)}\n      aria-hidden=\"true\"\n    >\n      \u003Cuse href={`\u002Ficons.svg#${name}`} \u002F>\n    \u003C\u002Fsvg>\n  );\n}\n```\n\n## Best Practices\n\n1. **Establish Constraints**: Limit choices to maintain consistency\n2. **Document Decisions**: Create a living style guide\n3. **Test Accessibility**: Verify contrast, sizing, touch targets\n4. **Use Semantic Tokens**: Name by purpose, not appearance\n5. **Design Mobile-First**: Start with constraints, add complexity\n6. **Maintain Vertical Rhythm**: Consistent spacing creates harmony\n7. **Limit Font Weights**: 2-3 weights per family is sufficient\n\n## Common Issues\n\n- **Inconsistent Spacing**: Not using a defined scale\n- **Poor Contrast**: Failing WCAG requirements\n- **Font Overload**: Too many families or weights\n- **Magic Numbers**: Arbitrary values instead of tokens\n- **Missing States**: Forgetting hover, focus, disabled\n- **No Dark Mode Plan**: Retrofitting is harder than planning\n","# Visual Design Foundations\n\nBuild cohesive, accessible visual systems using typography, color, spacing, and iconography fundamentals.\n\n## When to Use This Skill\n\n- Establishing design tokens for a new project\n- Creating or refining a spacing and sizing system\n- Selecting and pairing typefaces\n- Building accessible color palettes\n- Designing icon systems and visual assets\n- Improving visual hierarchy and readability\n- Auditing designs for visual consistency\n- Implementing dark mode or theming\n\n## Core Systems\n\n### 1. Typography Scale\n\n**Modular Scale** (ratio-based sizing):\n\n```css\n:root {\n  --font-size-xs: 0.75rem; \u002F* 12px *\u002F\n  --font-size-sm: 0.875rem; \u002F* 14px *\u002F\n  --font-size-base: 1rem; \u002F* 16px *\u002F\n  --font-size-lg: 1.125rem; \u002F* 18px *\u002F\n  --font-size-xl: 1.25rem; \u002F* 20px *\u002F\n  --font-size-2xl: 1.5rem; \u002F* 24px *\u002F\n  --font-size-3xl: 1.875rem; \u002F* 30px *\u002F\n  --font-size-4xl: 2.25rem; \u002F* 36px *\u002F\n  --font-size-5xl: 3rem; \u002F* 48px *\u002F\n}\n```\n\n**Line Height Guidelines**:\n| Text Type | Line Height |\n|-----------|-------------|\n| Headings | 1.1 - 1.3 |\n| Body text | 1.5 - 1.7 |\n| UI labels | 1.2 - 1.4 |\n\n### 2. Spacing System\n\n**8-point grid** (industry standard):\n\n```css\n:root {\n  --space-1: 0.25rem; \u002F* 4px *\u002F\n  --space-2: 0.5rem; \u002F* 8px *\u002F\n  --space-3: 0.75rem; \u002F* 12px *\u002F\n  --space-4: 1rem; \u002F* 16px *\u002F\n  --space-5: 1.25rem; \u002F* 20px *\u002F\n  --space-6: 1.5rem; \u002F* 24px *\u002F\n  --space-8: 2rem; \u002F* 32px *\u002F\n  --space-10: 2.5rem; \u002F* 40px *\u002F\n  --space-12: 3rem; \u002F* 48px *\u002F\n  --space-16: 4rem; \u002F* 64px *\u002F\n}\n```\n\n### 3. Color System\n\n**Semantic color tokens**:\n\n```css\n:root {\n  \u002F* Brand *\u002F\n  --color-primary: #2563eb;\n  --color-primary-hover: #1d4ed8;\n  --color-primary-active: #1e40af;\n\n  \u002F* Semantic *\u002F\n  --color-success: #16a34a;\n  --color-warning: #ca8a04;\n  --color-error: #dc2626;\n  --color-info: #0891b2;\n\n  \u002F* Neutral *\u002F\n  --color-gray-50: #f9fafb;\n  --color-gray-100: #f3f4f6;\n  --color-gray-200: #e5e7eb;\n  --color-gray-300: #d1d5db;\n  --color-gray-400: #9ca3af;\n  --color-gray-500: #6b7280;\n  --color-gray-600: #4b5563;\n  --color-gray-700: #374151;\n  --color-gray-800: #1f2937;\n  --color-gray-900: #111827;\n}\n```\n\n## Quick Start: Design Tokens in Tailwind\n\n```js\n\u002F\u002F tailwind.config.js\nmodule.exports = {\n  theme: {\n    extend: {\n      fontFamily: {\n        sans: [\"Inter\", \"system-ui\", \"sans-serif\"],\n        mono: [\"JetBrains Mono\", \"monospace\"],\n      },\n      fontSize: {\n        xs: [\"0.75rem\", { lineHeight: \"1rem\" }],\n        sm: [\"0.875rem\", { lineHeight: \"1.25rem\" }],\n        base: [\"1rem\", { lineHeight: \"1.5rem\" }],\n        lg: [\"1.125rem\", { lineHeight: \"1.75rem\" }],\n        xl: [\"1.25rem\", { lineHeight: \"1.75rem\" }],\n        \"2xl\": [\"1.5rem\", { lineHeight: \"2rem\" }],\n      },\n      colors: {\n        brand: {\n          50: \"#eff6ff\",\n          500: \"#3b82f6\",\n          600: \"#2563eb\",\n          700: \"#1d4ed8\",\n        },\n      },\n      spacing: {\n        \u002F\u002F Extends default with custom values\n        18: \"4.5rem\",\n        88: \"22rem\",\n      },\n    },\n  },\n};\n```\n\n## Typography Best Practices\n\n### Font Pairing\n\n**Safe combinations**:\n\n- Heading: **Inter** \u002F Body: **Inter** (single family)\n- Heading: **Playfair Display** \u002F Body: **Source Sans Pro** (contrast)\n- Heading: **Space Grotesk** \u002F Body: **IBM Plex Sans** (geometric)\n\n### Responsive Typography\n\n```css\n\u002F* Fluid typography using clamp() *\u002F\nh1 {\n  font-size: clamp(2rem, 5vw + 1rem, 3.5rem);\n  line-height: 1.1;\n}\n\np {\n  font-size: clamp(1rem, 2vw + 0.5rem, 1.125rem);\n  line-height: 1.6;\n  max-width: 65ch; \u002F* Optimal reading width *\u002F\n}\n```\n\n### Font Loading\n\n```css\n\u002F* Prevent layout shift *\u002F\n@font-face {\n  font-family: \"Inter\";\n  src: url(\"\u002Ffonts\u002FInter.woff2\") format(\"woff2\");\n  font-display: swap;\n  font-weight: 400 700;\n}\n```\n\n## Color Theory\n\n### Contrast Requirements (WCAG)\n\n| Element            | Minimum Ratio |\n| ------------------ | ------------- |\n| Body text          | 4.5:1 (AA)    |\n| Large text (18px+) | 3:1 (AA)      |\n| UI components      | 3:1 (AA)      |\n| Enhanced           | 7:1 (AAA)     |\n\n### Dark Mode Strategy\n\n```css\n:root {\n  --bg-primary: #ffffff;\n  --bg-secondary: #f9fafb;\n  --text-primary: #111827;\n  --text-secondary: #6b7280;\n  --border: #e5e7eb;\n}\n\n[data-theme=\"dark\"] {\n  --bg-primary: #111827;\n  --bg-secondary: #1f2937;\n  --text-primary: #f9fafb;\n  --text-secondary: #9ca3af;\n  --border: #374151;\n}\n```\n\n### Color Accessibility\n\n```tsx\n\u002F\u002F Check contrast programmatically\nfunction getContrastRatio(foreground: string, background: string): number {\n  const getLuminance = (hex: string) => {\n    const rgb = hexToRgb(hex);\n    const [r, g, b] = rgb.map((c) => {\n      c = c \u002F 255;\n      return c \u003C= 0.03928 ? c \u002F 12.92 : Math.pow((c + 0.055) \u002F 1.055, 2.4);\n    });\n    return 0.2126 * r + 0.7152 * g + 0.0722 * b;\n  };\n\n  const l1 = getLuminance(foreground);\n  const l2 = getLuminance(background);\n  const lighter = Math.max(l1, l2);\n  const darker = Math.min(l1, l2);\n\n  return (lighter + 0.05) \u002F (darker + 0.05);\n}\n```\n\n## Spacing Guidelines\n\n### Component Spacing\n\n```\nCard padding:      16-24px (--space-4 to --space-6)\nSection gap:       32-64px (--space-8 to --space-16)\nForm field gap:    16-24px (--space-4 to --space-6)\nButton padding:    8-16px vertical, 16-24px horizontal\nIcon-text gap:     8px (--space-2)\n```\n\n### Visual Rhythm\n\n```css\n\u002F* Consistent vertical rhythm *\u002F\n.prose > * + * {\n  margin-top: var(--space-4);\n}\n\n.prose > h2 + * {\n  margin-top: var(--space-2);\n}\n\n.prose > * + h2 {\n  margin-top: var(--space-8);\n}\n```\n\n## Iconography\n\n### Icon Sizing System\n\n```css\n:root {\n  --icon-xs: 12px;\n  --icon-sm: 16px;\n  --icon-md: 20px;\n  --icon-lg: 24px;\n  --icon-xl: 32px;\n}\n```\n\n### Icon Component\n\n```tsx\ninterface IconProps {\n  name: string;\n  size?: \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\n  className?: string;\n}\n\nconst sizeMap = {\n  xs: 12,\n  sm: 16,\n  md: 20,\n  lg: 24,\n  xl: 32,\n};\n\nexport function Icon({ name, size = \"md\", className }: IconProps) {\n  return (\n    \u003Csvg\n      width={sizeMap[size]}\n      height={sizeMap[size]}\n      className={cn(\"inline-block flex-shrink-0\", className)}\n      aria-hidden=\"true\"\n    >\n      \u003Cuse href={`\u002Ficons.svg#${name}`} \u002F>\n    \u003C\u002Fsvg>\n  );\n}\n```\n\n## Best Practices\n\n1. **Establish Constraints**: Limit choices to maintain consistency\n2. **Document Decisions**: Create a living style guide\n3. **Test Accessibility**: Verify contrast, sizing, touch targets\n4. **Use Semantic Tokens**: Name by purpose, not appearance\n5. **Design Mobile-First**: Start with constraints, add complexity\n6. **Maintain Vertical Rhythm**: Consistent spacing creates harmony\n7. **Limit Font Weights**: 2-3 weights per family is sufficient\n\n## Common Issues\n\n- **Inconsistent Spacing**: Not using a defined scale\n- **Poor Contrast**: Failing WCAG requirements\n- **Font Overload**: Too many families or weights\n- **Magic Numbers**: Arbitrary values instead of tokens\n- **Missing States**: Forgetting hover, focus, disabled\n- **No Dark Mode Plan**: Retrofitting is harder than planning\n",{"name":5,"tags":54,"tools":56,"source":60,"license":14,"description":7,"source_path":61,"source_commit":62},[29,39,38,55],"accessibility",[57,58,59],"monodesign_detect","monodesign_fix","monodesign_palette","https:\u002F\u002Fgithub.com\u002Fwshobson\u002Fagents","plugins\u002Fui-design\u002Fskills\u002Fvisual-design-foundations","4236bb91f8395b0435f1d8b8baf9e8e4c69a8620","main","f7cd4595d0f8959822163e14f9787117765c931a","packages\u002F@monomind\u002Fcli\u002Forg-skills\u002Fvisual-design-foundations",2,"https:\u002F\u002Fgithub.com\u002Fmonoes\u002Fmonomind","https:\u002F\u002Fmonoes.github.io\u002Fmonomind\u002F","https:\u002F\u002Fgithub.com\u002Fmonoes","https:\u002F\u002Fmonoes.me","2026-11-10 01:53:48",{"source":8,"skillName":5,"commands":73,"prompt":83,"zipAvailable":84},[74,77,80],{"tool":75,"command":76},"npx","npx skills add monoes\u002Fmonomind --skill visual-design-foundations",{"tool":78,"command":79},"bunx","bunx skills add monoes\u002Fmonomind --skill visual-design-foundations",{"tool":81,"command":82},"pnpm","pnpm dlx skills add monoes\u002Fmonomind --skill visual-design-foundations","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fmonoes\u002Fmonomind\u002Fblob\u002Fmain\u002Fpackages\u002F@monomind\u002Fcli\u002Forg-skills\u002Fvisual-design-foundations\u002FSKILL.md",true,[86,91,97,101],{"path":87,"resourceType":88,"resourceTypeDesc":89,"sizeBytes":90,"sourceHtmlUrl":15},"LICENSE.txt","LICENSE","许可证",1068,{"path":92,"resourceType":93,"resourceTypeDesc":94,"sizeBytes":95,"sourceHtmlUrl":96},"references\u002Fcolor-systems.md","REFERENCE","参考文档",10744,"https:\u002F\u002Fgithub.com\u002Fmonoes\u002Fmonomind\u002Fblob\u002Fmain\u002Fpackages\u002F@monomind\u002Fcli\u002Forg-skills\u002Fvisual-design-foundations\u002Freferences\u002Fcolor-systems.md",{"path":98,"resourceType":93,"resourceTypeDesc":94,"sizeBytes":99,"sourceHtmlUrl":100},"references\u002Fspacing-iconography.md",10691,"https:\u002F\u002Fgithub.com\u002Fmonoes\u002Fmonomind\u002Fblob\u002Fmain\u002Fpackages\u002F@monomind\u002Fcli\u002Forg-skills\u002Fvisual-design-foundations\u002Freferences\u002Fspacing-iconography.md",{"path":102,"resourceType":93,"resourceTypeDesc":94,"sizeBytes":103,"sourceHtmlUrl":104},"references\u002Ftypography-systems.md",8895,"https:\u002F\u002Fgithub.com\u002Fmonoes\u002Fmonomind\u002Fblob\u002Fmain\u002Fpackages\u002F@monomind\u002Fcli\u002Forg-skills\u002Fvisual-design-foundations\u002Freferences\u002Ftypography-systems.md",[106,133,164,191,216,243],{"skillNo":107,"name":108,"nameZh":6,"description":109,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":9,"repositoryNo":12,"starsCount":13,"licenseSpdxId":110,"licenseFileUrl":6,"sourceHtmlUrl":111,"categories":112,"keywords":113,"publishedAt":49},"01M71PB3SHWKMNJM6MD65VX8D6","zk-steward","Org role guidance for a ZK steward: engineer zero-knowledge proof systems with circuit design, SNARK vs STARK choice and security review. This is zero-knowledge cryptography, not Zettelkasten note-taking.","Apache-2.0","https:\u002F\u002Fgithub.com\u002Fmonoes\u002Fmonomind\u002Fblob\u002Fmain\u002Fpackages\u002F@monomind\u002Fcli\u002Forg-skills\u002Fzk-steward\u002FSKILL.md",[],[114,115,116,117,118,119,29,120,121,122,123,124,125,126,127,128,129,130,131,132],"zk","zk steward","steward","zero-knowledge","engineer","choice","knowledge","impact","query","snark","review","monomind","security review","stark","zettelkasten","cryptography","security","org","blockchain",{"skillNo":134,"name":135,"nameZh":6,"description":136,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":9,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":137,"sourceHtmlUrl":138,"categories":139,"keywords":146,"publishedAt":49},"01M71PB18SDG28WBKPKJNB814K","writing-plans","Use when you have a spec or requirements for a multi-step coding task and must write an implementation plan before touching code. Produces bite-sized TDD tasks with exact file paths, code and commands for an engineer with zero context.","https:\u002F\u002Fgithub.com\u002Fmonoes\u002Fmonomind\u002Fblob\u002Fmain\u002Fpackages\u002F@monomind\u002Fcli\u002Forg-skills\u002Fwriting-plans\u002FLICENSE.txt","https:\u002F\u002Fgithub.com\u002Fmonoes\u002Fmonomind\u002Fblob\u002Fmain\u002Fpackages\u002F@monomind\u002Fcli\u002Forg-skills\u002Fwriting-plans\u002FSKILL.md",[140,143],{"categoryNo":141,"categoryName":142,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000018","写作与文案",{"categoryNo":144,"categoryName":145,"taxonomyType":26,"taxonomyTypeDesc":27},"01JBSEEDCAT000000000000036","内容创作者",[147,148,149,118,150,151,45,152,122,153,154,155,156,157,158,159,160,161,162,163],"writing","writing plans","plans","superpowers","implementation plan","you","code","tasks","plan","product","write","commands","paths","suggest","coding","context","ZeRO",{"skillNo":165,"name":166,"nameZh":6,"description":167,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":9,"repositoryNo":12,"starsCount":13,"licenseSpdxId":110,"licenseFileUrl":168,"sourceHtmlUrl":169,"categories":170,"keywords":174,"publishedAt":49},"01M71PAXFM488X9ARXK0T04TF5","write-spec","Write a feature spec or PRD from a problem statement or feature idea. Use when turning a vague idea or user request into a structured document, scoping a feature with goals and non-goals, defining success metrics and acceptance criteria, or breaking a big ask into a phased spec.","https:\u002F\u002Fgithub.com\u002Fmonoes\u002Fmonomind\u002Fblob\u002Fmain\u002Fpackages\u002F@monomind\u002Fcli\u002Forg-skills\u002Fwrite-spec\u002FLICENSE.txt","https:\u002F\u002Fgithub.com\u002Fmonoes\u002Fmonomind\u002Fblob\u002Fmain\u002Fpackages\u002F@monomind\u002Fcli\u002Forg-skills\u002Fwrite-spec\u002FSKILL.md",[171],{"categoryNo":172,"categoryName":173,"taxonomyType":26,"taxonomyTypeDesc":27},"01JBSEEDCAT000000000000031","产品经理",[157,175,176,177,178,120,179,45,180,181,182,156,183,184,185,186,187,188,189,190],"write spec","spec","user request","problem","acceptance","ask","vague","work","request","scoping","idea","metrics","feature","problem statement","use","document",{"skillNo":192,"name":193,"nameZh":6,"description":194,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":9,"repositoryNo":12,"starsCount":13,"licenseSpdxId":110,"licenseFileUrl":195,"sourceHtmlUrl":196,"categories":197,"keywords":201,"publishedAt":49},"01M71PASSZY800C0RPEARBS918","write-query","Write optimized SQL for your dialect with best practices. Use when translating a natural-language data need into SQL, building a multi-CTE query with joins and aggregations, optimizing a query against a large partitioned table, or getting dialect-specific syntax for Snowflake, BigQuery, Postgres, etc.","https:\u002F\u002Fgithub.com\u002Fmonoes\u002Fmonomind\u002Fblob\u002Fmain\u002Fpackages\u002F@monomind\u002Fcli\u002Forg-skills\u002Fwrite-query\u002FLICENSE.txt","https:\u002F\u002Fgithub.com\u002Fmonoes\u002Fmonomind\u002Fblob\u002Fmain\u002Fpackages\u002F@monomind\u002Fcli\u002Forg-skills\u002Fwrite-query\u002FSKILL.md",[198],{"categoryNo":199,"categoryName":200,"taxonomyType":26,"taxonomyTypeDesc":27},"01JBSEEDCAT000000000000033","数据分析师",[122,157,202,203,204,205,120,189,45,206,207,208,209,182,210,211,212,213,214,215],"write query","postgres","for","snowflake","best practices","natural-language","with","multi","github","sql","https","syntax","plugins","data",{"skillNo":217,"name":218,"nameZh":6,"description":219,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":9,"repositoryNo":12,"starsCount":13,"licenseSpdxId":110,"licenseFileUrl":6,"sourceHtmlUrl":220,"categories":221,"keywords":228,"publishedAt":49},"01M71PAPTX0T3PF6ETFVR96SJJ","workflow-automation","Org role guidance for workflow automation: build and maintain CI\u002FCD definitions in GitHub Actions or equivalent: triggers, jobs, matrices, caching. Covers path filters, dependency caching, parallel jobs, timeouts and fail-fast ordering.","https:\u002F\u002Fgithub.com\u002Fmonoes\u002Fmonomind\u002Fblob\u002Fmain\u002Fpackages\u002F@monomind\u002Fcli\u002Forg-skills\u002Fworkflow-automation\u002FSKILL.md",[222,225],{"categoryNo":223,"categoryName":224,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000011","运维与部署",{"categoryNo":226,"categoryName":227,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000023","Skill与智能体开发",[229,230,231,232,204,233,234,235,236,121,237,238,239,122,125,210,240,241,242,212],"Workflow Automation","automation","workflow","parallel","actions","ci","triggers","github actions","maintain","filters","caching","build","dependency","devops",{"skillNo":244,"name":245,"nameZh":6,"description":246,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":9,"repositoryNo":12,"starsCount":13,"licenseSpdxId":110,"licenseFileUrl":6,"sourceHtmlUrl":247,"categories":248,"keywords":250,"publishedAt":49},"01M71PAM19Z1XTV9NPCFSE2MY8","workflow-architect","Org role guidance for a workflow architect: map full workflow trees for systems, user journeys and agents, covering every branch and failure. Covers discovering workflows from code, handoff contracts, timeouts, recovery paths and observable state.","https:\u002F\u002Fgithub.com\u002Fmonoes\u002Fmonomind\u002Fblob\u002Fmain\u002Fpackages\u002F@monomind\u002Fcli\u002Forg-skills\u002Fworkflow-architect\u002FSKILL.md",[249],{"categoryNo":226,"categoryName":227,"taxonomyType":21,"taxonomyTypeDesc":22},[231,251,252,253,254,255,256,204,257,258,153,259,260,261,125,210,262,263,212,264],"workflow architect","architect","trees","user journeys","branch","planning","map","workflows","architecture","state","leadership","recovery","operations","systems"]