create-specfuse 0.3.2 → 0.4.1

package/dist/design-md/templates/enterprise-admin.yaml

@@ -0,0 +1,44 @@
+id: enterprise-admin
+name: Enterprise Admin
+category: internal-tool
+intent:
+  mood: Serious and structured — conveys control and authority over complex systems
+  density: High density, data tables and multi-panel layouts for admin operations
+  philosophy: Admin panels serve operators who manage resources at scale; batch actions and bulk views over single-item flows
+dimensions:
+  colorTemp: 1
+  lightness: 3
+  density: 1
+  borderRadius: 2
+  tone: 1
+anchors:
+  colors:
+    primary: "#1E40AF"
+    auxiliary:
+      - "#6366F1"
+  typography:
+    baseSize: "13px"
+    scale: 1.2
+  spacing:
+    unit: "4px"
+  radius:
+    base: "4px"
+structure:
+  requiredSections:
+    - colors
+    - typography
+    - spacing
+    - rounded
+    - elevation
+    - components
+    - breakpoints
+  componentTokens:
+    - button
+    - input
+    - table
+    - card
+    - sidebar
+    - modal
+    - badge
+    - breadcrumb
+    - dropdown

package/dist/design-md/templates/form-heavy.yaml

@@ -1,34 +1,44 @@
 id: form-heavy
-name: Form-Heavy Application
+name: Form Heavy
 category: form-heavy
+intent:
+  mood: Structured and reassuring — guides users through complex multi-step flows
+  density: Medium density, forms need vertical breathing room for label-input-error stacking
+  philosophy: Progressive disclosure reduces cognitive load; validate inline, never surprise at submission
 dimensions:
-  colorTemp: 3
+  colorTemp: 2
   lightness: 4
   density: 3
   borderRadius: 3
   tone: 2
 anchors:
-  primary: Typeform
-  auxiliary:
-    - Notion Forms
-    - Airtable
-template: |
-  tokens:
-    colors:
-      primary: "#6366F1"
-      background: "#FAFAFA"
-      surface: "#FFFFFF"
-      text: "#374151"
-      accent: "#8B5CF6"
-    spacing:
-      base: "4px"
-      scale: [4, 8, 12, 16, 24, 32, 48, 64]
-    radius:
-      default: "8px"
-      large: "12px"
-    typography:
-      fontFamily: "'Inter', -apple-system, sans-serif"
-      scale: [12, 14, 16, 18, 24, 30]
-    density:
-      compact: false
-      tableRowHeight: "48px"
+  colors:
+    primary: "#2563EB"
+    auxiliary:
+      - "#10B981"
+  typography:
+    baseSize: "14px"
+    scale: 1.2
+  spacing:
+    unit: "4px"
+  radius:
+    base: "6px"
+structure:
+  requiredSections:
+    - colors
+    - typography
+    - spacing
+    - rounded
+    - elevation
+    - components
+    - breakpoints
+  componentTokens:
+    - button
+    - input
+    - card
+    - select
+    - checkbox
+    - radio
+    - modal
+    - stepper
+    - alert

package/dist/design-md/templates/internal-tool.yaml

@@ -1,6 +1,10 @@
 id: internal-tool
 name: Internal Tool
 category: internal-tool
+intent:
+  mood: Functional and utilitarian — prioritizes efficiency over aesthetics
+  density: High density, compact layouts with maximum information per screen
+  philosophy: Tools for power users who value speed and keyboard shortcuts over visual delight
 dimensions:
   colorTemp: 2
   lightness: 2
@@ -8,27 +12,32 @@ dimensions:
   borderRadius: 2
   tone: 1
 anchors:
-  primary: Retool
-  auxiliary:
-    - Backstage
-    - AdminJS
-template: |
-  tokens:
-    colors:
-      primary: "#4A6CF7"
-      background: "#1E1E2E"
-      surface: "#2A2A3C"
-      text: "#E4E4E7"
-      accent: "#7C8DFF"
-    spacing:
-      base: "4px"
-      scale: [4, 8, 12, 16, 24, 32, 48]
-    radius:
-      default: "4px"
-      large: "6px"
-    typography:
-      fontFamily: "'Inter', -apple-system, sans-serif"
-      scale: [12, 13, 14, 16, 20, 24]
-    density:
-      compact: true
-      tableRowHeight: "36px"
+  colors:
+    primary: "#4A6CF7"
+    auxiliary:
+      - "#7C8DFF"
+  typography:
+    baseSize: "13px"
+    scale: 1.2
+  spacing:
+    unit: "4px"
+  radius:
+    base: "4px"
+structure:
+  requiredSections:
+    - colors
+    - typography
+    - spacing
+    - rounded
+    - elevation
+    - components
+    - breakpoints
+  componentTokens:
+    - button
+    - input
+    - table
+    - card
+    - sidebar
+    - modal
+    - badge
+    - tooltip

package/dist/design-md/templates/marketing-corporate.yaml

@@ -1,34 +1,43 @@
 id: marketing-corporate
 name: Marketing Corporate
 category: marketing
+intent:
+  mood: Polished and authoritative — conveys enterprise stability
+  density: Low density, hero sections and generous whitespace establish premium feel
+  philosophy: Whitespace is a luxury signal; fewer elements with larger scale create perceived quality
 dimensions:
   colorTemp: 2
-  lightness: 4
-  density: 4
+  lightness: 5
+  density: 5
   borderRadius: 3
-  tone: 2
+  tone: 3
 anchors:
-  primary: Stripe.com
-  auxiliary:
-    - Linear.app
-    - Vercel.com
-template: |
-  tokens:
-    colors:
-      primary: "#0A2540"
-      background: "#FFFFFF"
-      surface: "#F6F9FC"
-      text: "#0A2540"
-      accent: "#635BFF"
-    spacing:
-      base: "4px"
-      scale: [4, 8, 16, 24, 32, 48, 64, 96, 128]
-    radius:
-      default: "8px"
-      large: "12px"
-    typography:
-      fontFamily: "'Inter', -apple-system, sans-serif"
-      scale: [14, 16, 18, 24, 32, 48, 64]
-    density:
-      compact: false
-      tableRowHeight: "48px"
+  colors:
+    primary: "#1E3A5F"
+    auxiliary:
+      - "#0EA5E9"
+  typography:
+    baseSize: "16px"
+    scale: 1.5
+  spacing:
+    unit: "8px"
+  radius:
+    base: "8px"
+structure:
+  requiredSections:
+    - colors
+    - typography
+    - spacing
+    - rounded
+    - elevation
+    - components
+    - breakpoints
+  componentTokens:
+    - button
+    - input
+    - card
+    - badge
+    - navigation
+    - hero-section
+    - testimonial
+    - footer

package/dist/design-md/templates/marketing-creative.yaml

@@ -1,34 +1,43 @@
 id: marketing-creative
 name: Marketing Creative
 category: marketing
+intent:
+  mood: Bold and expressive — breaks grid expectations to create memorability
+  density: Very low density, oversized type and asymmetric layouts demand attention
+  philosophy: Rules exist to be broken intentionally; creative risk signals brand confidence
 dimensions:
   colorTemp: 4
-  lightness: 3
+  lightness: 4
   density: 5
   borderRadius: 4
   tone: 5
 anchors:
-  primary: Figma.com
-  auxiliary:
-    - Framer.com
-    - Lottie
-template: |
-  tokens:
-    colors:
-      primary: "#A259FF"
-      background: "#1E1E1E"
-      surface: "#2C2C2C"
-      text: "#FFFFFF"
-      accent: "#FF7262"
-    spacing:
-      base: "4px"
-      scale: [4, 8, 16, 24, 32, 48, 64, 96, 128]
-    radius:
-      default: "12px"
-      large: "20px"
-    typography:
-      fontFamily: "'Satoshi', 'Inter', sans-serif"
-      scale: [14, 16, 20, 24, 32, 48, 64, 80]
-    density:
-      compact: false
-      tableRowHeight: "48px"
+  colors:
+    primary: "#FF3366"
+    auxiliary:
+      - "#FFCC00"
+  typography:
+    baseSize: "18px"
+    scale: 1.618
+  spacing:
+    unit: "8px"
+  radius:
+    base: "16px"
+structure:
+  requiredSections:
+    - colors
+    - typography
+    - spacing
+    - rounded
+    - elevation
+    - components
+    - breakpoints
+  componentTokens:
+    - button
+    - input
+    - card
+    - badge
+    - navigation
+    - hero-section
+    - marquee
+    - footer

package/dist/design-md/templates/mobile-lifestyle.yaml

@@ -1,34 +1,43 @@
 id: mobile-lifestyle
 name: Mobile Lifestyle
 category: mobile
+intent:
+  mood: Warm and aspirational — feels personal and curated
+  density: Low density, large touch targets with generous padding for thumb navigation
+  philosophy: Mobile-first means gesture-first; swipe, pull, and long-press as primary interactions
 dimensions:
-  colorTemp: 5
+  colorTemp: 4
   lightness: 4
-  density: 5
+  density: 4
   borderRadius: 5
   tone: 5
 anchors:
-  primary: Headspace
-  auxiliary:
-    - Calm
-    - Duolingo
-template: |
-  tokens:
-    colors:
-      primary: "#FF8C42"
-      background: "#FFF8F0"
-      surface: "#FFFFFF"
-      text: "#2D2D2D"
-      accent: "#FFB347"
-    spacing:
-      base: "4px"
-      scale: [4, 8, 16, 24, 32, 48, 64, 80]
-    radius:
-      default: "20px"
-      large: "28px"
-    typography:
-      fontFamily: "'Nunito', 'Rounded Mplus', sans-serif"
-      scale: [12, 14, 16, 20, 24, 32, 40]
-    density:
-      compact: false
-      tableRowHeight: "56px"
+  colors:
+    primary: "#FF6B6B"
+    auxiliary:
+      - "#FBBF24"
+  typography:
+    baseSize: "16px"
+    scale: 1.25
+  spacing:
+    unit: "4px"
+  radius:
+    base: "12px"
+structure:
+  requiredSections:
+    - colors
+    - typography
+    - spacing
+    - rounded
+    - elevation
+    - components
+    - breakpoints
+  componentTokens:
+    - button
+    - input
+    - card
+    - avatar
+    - badge
+    - bottom-sheet
+    - tab-bar
+    - list-item

package/dist/design-md/templates/mobile-utility.yaml

@@ -1,33 +1,43 @@
 id: mobile-utility
 name: Mobile Utility
 category: mobile
+intent:
+  mood: Efficient and task-oriented — get in, do the thing, get out
+  density: Medium density, compact controls optimized for quick task completion
+  philosophy: Speed equals respect for user time; minimize taps, maximize glanceability
 dimensions:
   colorTemp: 2
-  lightness: 4
-  density: 3
-  borderRadius: 4
+  lightness: 3
+  density: 2
+  borderRadius: 3
   tone: 2
 anchors:
-  primary: Apple Health
-  auxiliary:
-    - Google Maps
-template: |
-  tokens:
-    colors:
-      primary: "#007AFF"
-      background: "#F2F2F7"
-      surface: "#FFFFFF"
-      text: "#1C1C1E"
-      accent: "#34C759"
-    spacing:
-      base: "4px"
-      scale: [4, 8, 12, 16, 20, 24, 32, 44]
-    radius:
-      default: "10px"
-      large: "14px"
-    typography:
-      fontFamily: "'-apple-system', 'SF Pro', sans-serif"
-      scale: [11, 13, 15, 17, 20, 22, 28, 34]
-    density:
-      compact: false
-      tableRowHeight: "44px"
+  colors:
+    primary: "#007AFF"
+    auxiliary:
+      - "#34C759"
+  typography:
+    baseSize: "15px"
+    scale: 1.2
+  spacing:
+    unit: "4px"
+  radius:
+    base: "8px"
+structure:
+  requiredSections:
+    - colors
+    - typography
+    - spacing
+    - rounded
+    - elevation
+    - components
+    - breakpoints
+  componentTokens:
+    - button
+    - input
+    - card
+    - badge
+    - tab-bar
+    - list-item
+    - bottom-sheet
+    - toggle

package/dist/design-md/templates/saas-dashboard.yaml

@@ -1,6 +1,10 @@
 id: saas-dashboard
 name: SaaS Dashboard
 category: dashboard
+intent:
+  mood: Clean and professional — modern B2B aesthetic
+  density: Medium density, balanced white space and information
+  philosophy: Clarity-first design that builds user trust through consistent spatial rhythm
 dimensions:
   colorTemp: 2
   lightness: 3
@@ -8,27 +12,32 @@ dimensions:
   borderRadius: 3
   tone: 2
 anchors:
-  primary: Linear
-  auxiliary:
-    - Vercel Dashboard
-    - Stripe Dashboard
-template: |
-  tokens:
-    colors:
-      primary: "#635BFF"
-      background: "#FFFFFF"
-      surface: "#F7F8FA"
-      text: "#1A1A2E"
-      accent: "#0EA5E9"
-    spacing:
-      base: "4px"
-      scale: [4, 8, 12, 16, 24, 32, 48, 64]
-    radius:
-      default: "8px"
-      large: "12px"
-    typography:
-      fontFamily: "'Inter', -apple-system, sans-serif"
-      scale: [12, 13, 14, 16, 20, 24, 30]
-    density:
-      compact: false
-      tableRowHeight: "44px"
+  colors:
+    primary: "#635BFF"
+    auxiliary:
+      - "#0EA5E9"
+  typography:
+    baseSize: "14px"
+    scale: 1.25
+  spacing:
+    unit: "4px"
+  radius:
+    base: "8px"
+structure:
+  requiredSections:
+    - colors
+    - typography
+    - spacing
+    - rounded
+    - elevation
+    - components
+    - breakpoints
+  componentTokens:
+    - button
+    - input
+    - card
+    - table
+    - sidebar
+    - modal
+    - badge
+    - avatar

package/dist/templates/design-md-skill.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"design-md-skill.d.ts","sourceRoot":"","sources":["../../src/templates/design-md-skill.ts"],"names":[],"mappings":"AAAA,wBAAgB,oBAAoB,IAAI,MAAM,CA8B7C"}
+{"version":3,"file":"design-md-skill.d.ts","sourceRoot":"","sources":["../../src/templates/design-md-skill.ts"],"names":[],"mappings":"AAAA,wBAAgB,oBAAoB,IAAI,MAAM,CAiP7C"}