@vibes.diy/prompts 2.2.9 → 2.2.11

package/themes/palate.md

@@ -0,0 +1,35 @@
+---
+name: Palate Notes
+colors:
+  bg: "oklch(0.17 0.000 0)"
+  fg: "oklch(0.93 0.006 265)"
+  fg-muted: "oklch(0.71 0.02 261)"
+  border: "oklch(0.37 0.03 260)"
+  dot: "oklch(0.93 0.006 265)"
+typography:
+  body-md:
+    fontFamily: Cormorant Garamond
+    fontSize: 1rem
+    fontWeight: "400"
+---
+
+## Brand & Style
+
+Palate Notes design system. A dark, atmospheric theme with Cormorant Garamond typography. Use this design system\'s color tokens, spacing, and typographic choices consistently across all generated components. This theme **respects the visitor's system color scheme** — dark by default, with a light variant that auto-applies on `@media (prefers-color-scheme: light)`. Apply both color sets via CSS variables in a `<style>` block; never hard-code one mode only.
+
+## Colors
+
+- **bg** (oklch(0.17 0.000 0)): Use for backgrounds.
+- **fg** (oklch(0.93 0.006 265)): Use for text content.
+- **fg-muted** (oklch(0.71 0.02 261)): Use for text content.
+- **border** (oklch(0.37 0.03 260)): Use for borders and dividers.
+- **dot** (oklch(0.93 0.006 265)): Use for supporting UI elements.
+
+## Typography
+
+Load fonts from Google Fonts: Cormorant Garamond. Use display=optional.
+Primary body font: 'Cormorant Garamond', serif.
+
+## Components
+
+Apply the color tokens and typography consistently to all interactive elements (buttons, inputs, cards, modals). Ensure sufficient contrast between text and background colors for accessibility.

package/themes/pitch.md

@@ -0,0 +1,39 @@
+---
+name: Pitch
+colors:
+  bg: "oklch(0.22 0.05 163)"
+  card-bg: "oklch(0.27 0.055 163)"
+  text: "oklch(0.95 0.01 100)"
+  border: "oklch(0.39 0.065 165)"
+  accent: "oklch(0.86 0.18 90)"
+  accent-text: "oklch(0.20 0.04 163)"
+  muted: "oklch(0.55 0.04 165)"
+typography:
+  body-md:
+    fontFamily: Space Grotesk
+    fontSize: 1rem
+    fontWeight: "400"
+---
+
+## Brand & Style
+
+Pitch design system. A dark, atmospheric theme with Space Grotesk and Space Mono typography. Use this design system\'s color tokens, spacing, and typographic choices consistently across all generated components. This theme **respects the visitor's system color scheme** — dark by default, with a light variant that auto-applies on `@media (prefers-color-scheme: light)`. Apply both color sets via CSS variables in a `<style>` block; never hard-code one mode only.
+
+## Colors
+
+- **bg** (oklch(0.22 0.05 163)): Use for backgrounds.
+- **card-bg** (oklch(0.27 0.055 163)): Use for backgrounds.
+- **text** (oklch(0.95 0.01 100)): Use for text content.
+- **border** (oklch(0.39 0.065 165)): Use for borders and dividers.
+- **accent** (oklch(0.86 0.18 90)): Use for primary actions and accents.
+- **accent-text** (oklch(0.20 0.04 163)): Use for text content.
+- **muted** (oklch(0.55 0.04 165)): Use for secondary/muted content.
+
+## Typography
+
+Load fonts from Google Fonts: Space Grotesk, Space Mono. Use display=optional.
+Primary body font: 'Space Grotesk', sans-serif.
+
+## Components
+
+Apply the color tokens and typography consistently to all interactive elements (buttons, inputs, cards, modals). Ensure sufficient contrast between text and background colors for accessibility.

package/themes/poster.md

@@ -0,0 +1,39 @@
+---
+name: Poster
+colors:
+  bg: "oklch(0.11 0.01 270)"
+  card-bg: "oklch(0.13 0.01 270)"
+  text: "oklch(0.93 0.01 270)"
+  border: "oklch(0.22 0.01 270)"
+  accent: "oklch(0.65 0.18 290)"
+  accent-text: "oklch(0.10 0.01 270)"
+  muted: "oklch(0.42 0.01 270)"
+typography:
+  body-md:
+    fontFamily: Inter
+    fontSize: 1rem
+    fontWeight: "400"
+---
+
+## Brand & Style
+
+Poster design system. A dark, atmospheric theme with Bebas Neue and Inter and Space Mono typography. Use this design system\'s color tokens, spacing, and typographic choices consistently across all generated components. This theme **respects the visitor's system color scheme** — dark by default, with a light variant that auto-applies on `@media (prefers-color-scheme: light)`. Apply both color sets via CSS variables in a `<style>` block; never hard-code one mode only.
+
+## Colors
+
+- **bg** (oklch(0.11 0.01 270)): Use for backgrounds.
+- **card-bg** (oklch(0.13 0.01 270)): Use for backgrounds.
+- **text** (oklch(0.93 0.01 270)): Use for text content.
+- **border** (oklch(0.22 0.01 270)): Use for borders and dividers.
+- **accent** (oklch(0.65 0.18 290)): Use for primary actions and accents.
+- **accent-text** (oklch(0.10 0.01 270)): Use for text content.
+- **muted** (oklch(0.42 0.01 270)): Use for secondary/muted content.
+
+## Typography
+
+Load fonts from Google Fonts: Bebas Neue, Inter, Space Mono. Use display=optional.
+Primary body font: 'Inter', sans-serif.
+
+## Components
+
+Apply the color tokens and typography consistently to all interactive elements (buttons, inputs, cards, modals). Ensure sufficient contrast between text and background colors for accessibility.

package/themes/proof.md

@@ -0,0 +1,41 @@
+---
+name: Proof Sheet
+colors:
+  bg: "oklch(0.14 0.000 0)"
+  card: "oklch(0.16 0.000 0)"
+  border: "oklch(0.28 0.03 257)"
+  fg: "oklch(1.00 0.000 0)"
+  fg-muted: "oklch(0.71 0.02 261)"
+  fg-dim: "oklch(1.00 0.000 0 / 0.6)"
+  tag-bg: "oklch(1.00 0.000 0 / 0.1)"
+  card-hi: "oklch(0.21 0.03 265)"
+typography:
+  body-md:
+    fontFamily: Inter
+    fontSize: 1rem
+    fontWeight: "400"
+---
+
+## Brand & Style
+
+Proof Sheet design system. A dark, atmospheric theme with Inter typography. Use this design system\'s color tokens, spacing, and typographic choices consistently across all generated components. This theme **respects the visitor's system color scheme** — dark by default, with a light variant that auto-applies on `@media (prefers-color-scheme: light)`. Apply both color sets via CSS variables in a `<style>` block; never hard-code one mode only.
+
+## Colors
+
+- **bg** (oklch(0.14 0.000 0)): Use for backgrounds.
+- **card** (oklch(0.16 0.000 0)): Use for supporting UI elements.
+- **border** (oklch(0.28 0.03 257)): Use for borders and dividers.
+- **fg** (oklch(1.00 0.000 0)): Use for text content.
+- **fg-muted** (oklch(0.71 0.02 261)): Use for text content.
+- **fg-dim** (oklch(1.00 0.000 0 / 0.6)): Use for text content.
+- **tag-bg** (oklch(1.00 0.000 0 / 0.1)): Use for backgrounds.
+- **card-hi** (oklch(0.21 0.03 265)): Use for supporting UI elements.
+
+## Typography
+
+Load fonts from Google Fonts: Inter. Use display=optional.
+Primary body font: 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif.
+
+## Components
+
+Apply the color tokens and typography consistently to all interactive elements (buttons, inputs, cards, modals). Ensure sufficient contrast between text and background colors for accessibility.

package/themes/recon.md

@@ -0,0 +1,39 @@
+---
+name: Recon Grid
+colors:
+  bg: "oklch(0.00 0.000 0)"
+  card: "oklch(0.00 0.000 0 / 0.8)"
+  panel: "oklch(0.21 0.03 265 / 0.8)"
+  border: "oklch(0.28 0.03 257)"
+  fg: "oklch(0.97 0.003 265)"
+  fg-dim: "oklch(0.55 0.03 264)"
+  accent: "oklch(0.64 0.24 25)"
+typography:
+  body-md:
+    fontFamily: ui-monospace
+    fontSize: 1rem
+    fontWeight: "400"
+---
+
+## Brand & Style
+
+Recon Grid design system. A dark, atmospheric theme with system typography. Use this design system\'s color tokens, spacing, and typographic choices consistently across all generated components. This theme **respects the visitor's system color scheme** — dark by default, with a light variant that auto-applies on `@media (prefers-color-scheme: light)`. Apply both color sets via CSS variables in a `<style>` block; never hard-code one mode only.
+
+## Colors
+
+- **bg** (oklch(0.00 0.000 0)): Use for backgrounds.
+- **card** (oklch(0.00 0.000 0 / 0.8)): Use for supporting UI elements.
+- **panel** (oklch(0.21 0.03 265 / 0.8)): Use for supporting UI elements.
+- **border** (oklch(0.28 0.03 257)): Use for borders and dividers.
+- **fg** (oklch(0.97 0.003 265)): Use for text content.
+- **fg-dim** (oklch(0.55 0.03 264)): Use for text content.
+- **accent** (oklch(0.64 0.24 25)): Use for primary actions and accents.
+
+## Typography
+
+Primary body font: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
+'Liberation Mono', 'Courier New', monospace.
+
+## Components
+
+Apply the color tokens and typography consistently to all interactive elements (buttons, inputs, cards, modals). Ensure sufficient contrast between text and background colors for accessibility.

package/themes/rift.md

@@ -0,0 +1,45 @@
+---
+name: Rift Portal
+colors:
+  bg: "oklch(0.07 0.02 280)"
+  surface: "oklch(0.17 0.02 270 / 0.9)"
+  card: "oklch(0.13 0.000 0)"
+  card-inner: "oklch(0.21 0.02 255)"
+  border: "oklch(0.37 0.03 255)"
+  border-frame: "oklch(0.44 0.02 255)"
+  fg: "oklch(1.00 0.000 0)"
+  fg-muted: "oklch(0.70 0.02 260)"
+  fg-dim: "oklch(0.55 0.02 260)"
+  accent-green: "oklch(0.88 0.27 128)"
+  accent-cyan: "oklch(0.87 0.14 200)"
+  accent-pink: "oklch(0.58 0.32 320)"
+  accent-yellow: "oklch(0.87 0.18 90)"
+typography:
+  body-md:
+    fontFamily: Orbitron
+    fontSize: 1rem
+    fontWeight: "400"
+---
+
+## Brand & Style
+
+Rift Portal design system. A dark, atmospheric theme with system typography. Use this design system\'s color tokens, spacing, and typographic choices consistently across all generated components. This theme **respects the visitor's system color scheme** — dark by default, with a light variant that auto-applies on `@media (prefers-color-scheme: light)`. Apply both color sets via CSS variables in a `<style>` block; never hard-code one mode only.
+
+## Colors
+
+- **bg** (oklch(0.07 0.02 280)): Use for backgrounds.
+- **surface** (oklch(0.17 0.02 270 / 0.9)): Use for supporting UI elements.
+- **card** (oklch(0.13 0.000 0)): Use for supporting UI elements.
+- **card-inner** (oklch(0.21 0.02 255)): Use for supporting UI elements.
+- **border** (oklch(0.37 0.03 255)): Use for borders and dividers.
+- **border-frame** (oklch(0.44 0.02 255)): Use for borders and dividers.
+- **fg** (oklch(1.00 0.000 0)): Use for text content.
+- **fg-muted** (oklch(0.70 0.02 260)): Use for text content.
+
+## Typography
+
+Primary body font: 'Orbitron', sans-serif.
+
+## Components
+
+Apply the color tokens and typography consistently to all interactive elements (buttons, inputs, cards, modals). Ensure sufficient contrast between text and background colors for accessibility.

package/themes/rune.md

@@ -0,0 +1,44 @@
+---
+name: Rune Interface
+colors:
+  abyss: "#020406"
+  abyss-blue: "#05101a"
+  cyan-neon: "#00ffcc"
+  cyan-dim: "#005f52"
+  cyan-text: "#ccfffa"
+  purple-magic: "#9d4eff"
+  stone: "#0d161f"
+  stone-border: "#1c2b38"
+  stone-light: "#162330"
+  text: "#b0c4cc"
+  text-muted: "#4a6070"
+typography:
+  body-md:
+    fontFamily: Cormorant Garamond
+    fontSize: 1rem
+    fontWeight: "400"
+---
+
+## Brand & Style
+
+Rune Interface design system. A clean, structured theme with Cinzel and Cormorant Garamond typography. Use this design system\'s color tokens, spacing, and typographic choices consistently across all generated components. This theme **respects the visitor's system color scheme** — light by default, with a dark variant that auto-applies on `@media (prefers-color-scheme: dark)`. Apply both color sets via CSS variables in a `<style>` block; never hard-code one mode only.
+
+## Colors
+
+- **abyss** (#020406): Use for supporting UI elements.
+- **abyss-blue** (#05101a): Use for supporting UI elements.
+- **cyan-neon** (#00ffcc): Use for supporting UI elements.
+- **cyan-dim** (#005f52): Use for secondary/muted content.
+- **cyan-text** (#ccfffa): Use for text content.
+- **purple-magic** (#9d4eff): Use for supporting UI elements.
+- **stone** (#0d161f): Use for supporting UI elements.
+- **stone-border** (#1c2b38): Use for borders and dividers.
+
+## Typography
+
+Load fonts from Google Fonts: Cinzel, Cormorant Garamond. Use display=optional.
+Primary body font: 'Cormorant Garamond', Georgia, serif.
+
+## Components
+
+Apply the color tokens and typography consistently to all interactive elements (buttons, inputs, cards, modals). Ensure sufficient contrast between text and background colors for accessibility.

package/themes/scrapbook.md

@@ -0,0 +1,43 @@
+---
+name: Scrapbook
+colors:
+  desk: "oklch(0.93 0.03 130)"
+  paper: "oklch(0.97 0.01 80)"
+  ink: "oklch(0.12 0.01 0)"
+  yellow: "oklch(0.93 0.12 95)"
+  pink: "oklch(0.90 0.06 10)"
+  blue: "oklch(0.90 0.05 240)"
+  muted: "oklch(0.45 0.01 0)"
+typography:
+  body-md:
+    fontFamily: Inter
+    fontSize: 1rem
+    fontWeight: "400"
+  headline:
+    fontFamily: Caveat
+    fontSize: 2rem
+    fontWeight: "700"
+---
+
+## Brand & Style
+
+Scrapbook design system. A clean, structured theme with Caveat and Inter typography. Use this design system\'s color tokens, spacing, and typographic choices consistently across all generated components. This theme **respects the visitor's system color scheme** — light by default, with a dark variant that auto-applies on `@media (prefers-color-scheme: dark)`. Apply both color sets via CSS variables in a `<style>` block; never hard-code one mode only.
+
+## Colors
+
+- **desk** (oklch(0.93 0.03 130)): Use for supporting UI elements.
+- **paper** (oklch(0.97 0.01 80)): Use for supporting UI elements.
+- **ink** (oklch(0.12 0.01 0)): Use for text content.
+- **yellow** (oklch(0.93 0.12 95)): Use for supporting UI elements.
+- **pink** (oklch(0.90 0.06 10)): Use for text content.
+- **blue** (oklch(0.90 0.05 240)): Use for supporting UI elements.
+- **muted** (oklch(0.45 0.01 0)): Use for secondary/muted content.
+
+## Typography
+
+Load fonts from Google Fonts: Caveat, Inter. Use display=optional.
+Primary body font: 'Inter', sans-serif.
+
+## Components
+
+Apply the color tokens and typography consistently to all interactive elements (buttons, inputs, cards, modals). Ensure sufficient contrast between text and background colors for accessibility.

package/themes/sensor.md

@@ -0,0 +1,42 @@
+---
+name: Sensor Dashboard
+colors:
+  bg: "oklch(0.10 0.003 264)"
+  panel: "oklch(0.16 0.003 264)"
+  panel-hi: "oklch(0.19 0.003 264)"
+  stroke: "oklch(0.24 0.003 264)"
+  bar-bg: "oklch(0.20 0.005 264)"
+  muted: "oklch(0.63 0.008 264)"
+  text: "oklch(0.93 0.005 264)"
+  accent: "oklch(0.53 0.22 25)"
+  accent-weak: "oklch(0.45 0.19 25)"
+typography:
+  body-md:
+    fontFamily: IBM Plex Mono
+    fontSize: 1rem
+    fontWeight: "400"
+---
+
+## Brand & Style
+
+Sensor Dashboard design system. A dark, atmospheric theme with IBM Plex Mono and Rajdhani typography. Use this design system\'s color tokens, spacing, and typographic choices consistently across all generated components. This theme **respects the visitor's system color scheme** — dark by default, with a light variant that auto-applies on `@media (prefers-color-scheme: light)`. Apply both color sets via CSS variables in a `<style>` block; never hard-code one mode only.
+
+## Colors
+
+- **bg** (oklch(0.10 0.003 264)): Use for backgrounds.
+- **panel** (oklch(0.16 0.003 264)): Use for supporting UI elements.
+- **panel-hi** (oklch(0.19 0.003 264)): Use for supporting UI elements.
+- **stroke** (oklch(0.24 0.003 264)): Use for borders and dividers.
+- **bar-bg** (oklch(0.20 0.005 264)): Use for backgrounds.
+- **muted** (oklch(0.63 0.008 264)): Use for secondary/muted content.
+- **text** (oklch(0.93 0.005 264)): Use for text content.
+- **accent** (oklch(0.53 0.22 25)): Use for primary actions and accents.
+
+## Typography
+
+Load fonts from Google Fonts: IBM Plex Mono, Rajdhani. Use display=optional.
+Primary body font: 'IBM Plex Mono', ui-monospace, monospace.
+
+## Components
+
+Apply the color tokens and typography consistently to all interactive elements (buttons, inputs, cards, modals). Ensure sufficient contrast between text and background colors for accessibility.

package/themes/signal.md

@@ -0,0 +1,37 @@
+---
+name: Signal
+colors:
+  bg: "#030303"
+  card-bg: "#0a0a0a"
+  text: "#eaeaea"
+  border: "#1a1a1a"
+  accent: "#ffffff"
+  muted: "#666"
+typography:
+  body-md:
+    fontFamily: Inter
+    fontSize: 1rem
+    fontWeight: "400"
+---
+
+## Brand & Style
+
+Signal design system. A dark, atmospheric theme with Space Mono and Inter typography. Use this design system\'s color tokens, spacing, and typographic choices consistently across all generated components. This theme **respects the visitor's system color scheme** — dark by default, with a light variant that auto-applies on `@media (prefers-color-scheme: light)`. Apply both color sets via CSS variables in a `<style>` block; never hard-code one mode only.
+
+## Colors
+
+- **bg** (#030303): Use for backgrounds.
+- **card-bg** (#0a0a0a): Use for backgrounds.
+- **text** (#eaeaea): Use for text content.
+- **border** (#1a1a1a): Use for borders and dividers.
+- **accent** (#ffffff): Use for primary actions and accents.
+- **muted** (#666): Use for secondary/muted content.
+
+## Typography
+
+Load fonts from Google Fonts: Space Mono, Inter. Use display=optional.
+Primary body font: 'Inter', sans-serif.
+
+## Components
+
+Apply the color tokens and typography consistently to all interactive elements (buttons, inputs, cards, modals). Ensure sufficient contrast between text and background colors for accessibility.

package/themes/slab.md

@@ -0,0 +1,35 @@
+---
+name: Slab Concrete
+colors:
+  concrete: "oklch(0.88 0.000 0)"
+  acid: "oklch(0.94 0.23 110)"
+  black: "oklch(0.10 0.000 0)"
+  ink: "oklch(0.00 0.000 0)"
+  list-hover: "oklch(1.00 0.000 0 / 0.4)"
+typography:
+  body-md:
+    fontFamily: Inter
+    fontSize: 1rem
+    fontWeight: "400"
+---
+
+## Brand & Style
+
+Slab Concrete design system. A clean, structured theme with Inter and JetBrains Mono typography. Use this design system\'s color tokens, spacing, and typographic choices consistently across all generated components. This theme **respects the visitor's system color scheme** — light by default, with a dark variant that auto-applies on `@media (prefers-color-scheme: dark)`. Apply both color sets via CSS variables in a `<style>` block; never hard-code one mode only.
+
+## Colors
+
+- **concrete** (oklch(0.88 0.000 0)): Use for supporting UI elements.
+- **acid** (oklch(0.94 0.23 110)): Use for supporting UI elements.
+- **black** (oklch(0.10 0.000 0)): Use for supporting UI elements.
+- **ink** (oklch(0.00 0.000 0)): Use for text content.
+- **list-hover** (oklch(1.00 0.000 0 / 0.4)): Use for supporting UI elements.
+
+## Typography
+
+Load fonts from Google Fonts: Inter, JetBrains Mono. Use display=optional.
+Primary body font: 'Inter', sans-serif.
+
+## Components
+
+Apply the color tokens and typography consistently to all interactive elements (buttons, inputs, cards, modals). Ensure sufficient contrast between text and background colors for accessibility.

package/themes/specimen.md

@@ -0,0 +1,21 @@
+---
+name: Specimen
+typography:
+  body-md:
+    fontFamily: Inter
+    fontSize: 1rem
+    fontWeight: "400"
+---
+
+## Brand & Style
+
+Specimen design system. A clean, structured theme with Inter and Space Mono typography. Use this design system\'s color tokens, spacing, and typographic choices consistently across all generated components. This theme **respects the visitor's system color scheme** — light by default, with a dark variant that auto-applies on `@media (prefers-color-scheme: dark)`. Apply both color sets via CSS variables in a `<style>` block; never hard-code one mode only.
+
+## Typography
+
+Load fonts from Google Fonts: Inter, Space Mono. Use display=optional.
+Primary body font: 'Inter', sans-serif.
+
+## Components
+
+Apply the color tokens and typography consistently to all interactive elements (buttons, inputs, cards, modals). Ensure sufficient contrast between text and background colors for accessibility.

package/themes/terminal.md

@@ -0,0 +1,39 @@
+---
+name: Terminal CRT
+colors:
+  bg: "oklch(0.16 0.000 0)"
+  terminal: "oklch(0.00 0.000 0 / 0.85)"
+  green: "oklch(0.87 0.30 142)"
+  green-dim: "oklch(0.87 0.30 142 / 0.4)"
+  green-border: "oklch(0.87 0.30 142 / 0.3)"
+  green-faint: "oklch(0.87 0.30 142 / 0.1)"
+  white: "oklch(1.00 0.000 0)"
+typography:
+  body-md:
+    fontFamily: VT323
+    fontSize: 1rem
+    fontWeight: "400"
+---
+
+## Brand & Style
+
+Terminal CRT design system. A dark, atmospheric theme with VT323 typography. Use this design system\'s color tokens, spacing, and typographic choices consistently across all generated components. This theme **respects the visitor's system color scheme** — dark by default, with a light variant that auto-applies on `@media (prefers-color-scheme: light)`. Apply both color sets via CSS variables in a `<style>` block; never hard-code one mode only.
+
+## Colors
+
+- **bg** (oklch(0.16 0.000 0)): Use for backgrounds.
+- **terminal** (oklch(0.00 0.000 0 / 0.85)): Use for supporting UI elements.
+- **green** (oklch(0.87 0.30 142)): Use for supporting UI elements.
+- **green-dim** (oklch(0.87 0.30 142 / 0.4)): Use for secondary/muted content.
+- **green-border** (oklch(0.87 0.30 142 / 0.3)): Use for borders and dividers.
+- **green-faint** (oklch(0.87 0.30 142 / 0.1)): Use for supporting UI elements.
+- **white** (oklch(1.00 0.000 0)): Use for supporting UI elements.
+
+## Typography
+
+Load fonts from Google Fonts: VT323. Use display=optional.
+Primary body font: 'VT323', monospace.
+
+## Components
+
+Apply the color tokens and typography consistently to all interactive elements (buttons, inputs, cards, modals). Ensure sufficient contrast between text and background colors for accessibility.

package/themes/vault.md

@@ -0,0 +1,41 @@
+---
+name: Vault
+colors:
+  bg: "oklch(0.08 0.03 280)"
+  card-bg: "oklch(0.12 0.03 280 / 0.7)"
+  text: "oklch(0.93 0.02 80)"
+  border: "oklch(0.65 0.15 80 / 0.12)"
+  accent: "oklch(0.72 0.15 75)"
+  accent-text: "oklch(0.10 0.03 280)"
+  muted: "oklch(0.50 0.04 290)"
+  purple: "oklch(0.55 0.18 300)"
+typography:
+  body-md:
+    fontFamily: Inter
+    fontSize: 1rem
+    fontWeight: "400"
+---
+
+## Brand & Style
+
+Vault design system. A dark, atmospheric theme with Space Mono and Inter typography. Use this design system\'s color tokens, spacing, and typographic choices consistently across all generated components. This theme **respects the visitor's system color scheme** — dark by default, with a light variant that auto-applies on `@media (prefers-color-scheme: light)`. Apply both color sets via CSS variables in a `<style>` block; never hard-code one mode only.
+
+## Colors
+
+- **bg** (oklch(0.08 0.03 280)): Use for backgrounds.
+- **card-bg** (oklch(0.12 0.03 280 / 0.7)): Use for backgrounds.
+- **text** (oklch(0.93 0.02 80)): Use for text content.
+- **border** (oklch(0.65 0.15 80 / 0.12)): Use for borders and dividers.
+- **accent** (oklch(0.72 0.15 75)): Use for primary actions and accents.
+- **accent-text** (oklch(0.10 0.03 280)): Use for text content.
+- **muted** (oklch(0.50 0.04 290)): Use for secondary/muted content.
+- **purple** (oklch(0.55 0.18 300)): Use for supporting UI elements.
+
+## Typography
+
+Load fonts from Google Fonts: Space Mono, Inter. Use display=optional.
+Primary body font: 'Inter', sans-serif.
+
+## Components
+
+Apply the color tokens and typography consistently to all interactive elements (buttons, inputs, cards, modals). Ensure sufficient contrast between text and background colors for accessibility.

package/themes/winter-sports.md

@@ -0,0 +1,39 @@
+---
+name: Winter Sports
+colors:
+  comp-bg: "oklch(0.99 0.003 240)"
+  comp-text: "oklch(0.22 0.025 250)"
+  comp-border: "oklch(0.88 0.012 235)"
+  comp-accent: "oklch(0.55 0.19 250)"
+  comp-accent-text: "oklch(0.99 0 0)"
+  comp-muted: "oklch(0.55 0.02 250)"
+  color-background: "oklch(0.95 0.015 230)"
+typography:
+  body-md:
+    fontFamily: Inter
+    fontSize: 1rem
+    fontWeight: "400"
+---
+
+## Brand & Style
+
+Winter Sports design system. A clean, structured theme with Inter and Nunito and Space Grotesk typography. Use this design system\'s color tokens, spacing, and typographic choices consistently across all generated components. This theme **respects the visitor's system color scheme** — light by default, with a dark variant that auto-applies on `@media (prefers-color-scheme: dark)`. Apply both color sets via CSS variables in a `<style>` block; never hard-code one mode only.
+
+## Colors
+
+- **comp-bg** (oklch(0.99 0.003 240)): Use for backgrounds.
+- **comp-text** (oklch(0.22 0.025 250)): Use for text content.
+- **comp-border** (oklch(0.88 0.012 235)): Use for borders and dividers.
+- **comp-accent** (oklch(0.55 0.19 250)): Use for primary actions and accents.
+- **comp-accent-text** (oklch(0.99 0 0)): Use for text content.
+- **comp-muted** (oklch(0.55 0.02 250)): Use for secondary/muted content.
+- **color-background** (oklch(0.95 0.015 230)): Use for backgrounds.
+
+## Typography
+
+Load fonts from Google Fonts: Inter, Nunito, Space Grotesk. Use display=optional.
+Primary body font: 'Inter', sans-serif.
+
+## Components
+
+Apply the color tokens and typography consistently to all interactive elements (buttons, inputs, cards, modals). Ensure sufficient contrast between text and background colors for accessibility.

package/themes/zine.md

@@ -0,0 +1,40 @@
+---
+name: Zine Cut
+colors:
+  comp-bg: "oklch(0.96 0.005 100)"
+  comp-text: "oklch(0.05 0 0)"
+  comp-border: "oklch(0.05 0 0)"
+  comp-accent: "oklch(0.05 0 0)"
+  comp-accent-text: "oklch(0.96 0.005 100)"
+  comp-muted: "oklch(0.05 0 0 / 0.3)"
+  zine-inverted-bg: "oklch(0.05 0 0)"
+  zine-inverted-text: "oklch(0.96 0.005 100)"
+typography:
+  body-md:
+    fontFamily: var(--f-type)
+    fontSize: 1rem
+    fontWeight: "400"
+---
+
+## Brand & Style
+
+Zine Cut design system. A clean, structured theme with system typography. Use this design system\'s color tokens, spacing, and typographic choices consistently across all generated components. This theme **respects the visitor's system color scheme** — light by default, with a dark variant that auto-applies on `@media (prefers-color-scheme: dark)`. Apply both color sets via CSS variables in a `<style>` block; never hard-code one mode only.
+
+## Colors
+
+- **comp-bg** (oklch(0.96 0.005 100)): Use for backgrounds.
+- **comp-text** (oklch(0.05 0 0)): Use for text content.
+- **comp-border** (oklch(0.05 0 0)): Use for borders and dividers.
+- **comp-accent** (oklch(0.05 0 0)): Use for primary actions and accents.
+- **comp-accent-text** (oklch(0.96 0.005 100)): Use for text content.
+- **comp-muted** (oklch(0.05 0 0 / 0.3)): Use for secondary/muted content.
+- **zine-inverted-bg** (oklch(0.05 0 0)): Use for backgrounds.
+- **zine-inverted-text** (oklch(0.96 0.005 100)): Use for text content.
+
+## Typography
+
+Primary body font: var(--f-type).
+
+## Components
+
+Apply the color tokens and typography consistently to all interactive elements (buttons, inputs, cards, modals). Ensure sufficient contrast between text and background colors for accessibility.

package/llms/img-vibes.d.ts

@@ -1,2 +0,0 @@
-import type { LlmConfig } from "./types.js";
-export declare const imgVibesConfig: LlmConfig;

package/llms/img-vibes.js

@@ -1,9 +0,0 @@
-export const imgVibesConfig = {
-    name: "img-vibes",
-    label: "Image Generation",
-    module: "OpenAi",
-    description: "Generate and edit images",
-    importModule: "img-vibes",
-    importName: "ImgVibes",
-};
-//# sourceMappingURL=img-vibes.js.map

package/llms/img-vibes.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"img-vibes.js","sourceRoot":"","sources":["../../jsr/llms/img-vibes.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,cAAc,GAAc;IACvC,IAAI,EAAE,WAAW;IACjB,KAAK,EAAE,kBAAkB;IACzB,MAAM,EAAE,QAAQ;IAChB,WAAW,EAAE,0BAA0B;IACvC,YAAY,EAAE,WAAW;IACzB,UAAU,EAAE,UAAU;CACvB,CAAC"}