@vm0/cli 9.174.2 → 9.175.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/zero.js CHANGED
@@ -145,7 +145,7 @@ import {
145
145
  withErrorHandler,
146
146
  zeroAgentCustomSkillNameSchema,
147
147
  zeroTokenAllowsFeatureSwitch
148
- } from "./chunk-XKSHXEND.js";
148
+ } from "./chunk-JUT7ZEYX.js";
149
149
  import {
150
150
  __toESM,
151
151
  init_esm_shims
@@ -6946,2396 +6946,2522 @@ init_esm_shims();
6946
6946
  // src/commands/zero/shared/image-style-authoring.ts
6947
6947
  init_esm_shims();
6948
6948
 
6949
- // src/commands/zero/shared/open-design-registry.ts
6949
+ // src/commands/zero/shared/resource-registry.ts
6950
6950
  init_esm_shims();
6951
- var OPEN_DESIGN_REPO = "nexu-io/open-design";
6952
- var OPEN_DESIGN_COMMIT = "3fb620af423534643677c7c6fae76be088fa770a";
6951
+ var RESOURCE_REGISTRY_REPO = "nexu-io/open-design";
6952
+ var RESOURCE_REGISTRY_COMMIT = "3fb620af423534643677c7c6fae76be088fa770a";
6953
6953
  var VM0_SKILLS_REPO = "vm0-ai/vm0-skills";
6954
6954
  var VM0_SKILLS_REF = "main";
6955
- var OPEN_DESIGN_REGISTRY_VERSION = `federated:${OPEN_DESIGN_REPO}@${OPEN_DESIGN_COMMIT}`;
6956
- var OPEN_DESIGN_REGISTRY = [
6955
+ var RESOURCE_REGISTRY_VERSION = "v1";
6956
+ var RESOURCE_REGISTRY = [
6957
6957
  {
6958
- id: "od:skill:article-magazine",
6958
+ id: "skill:article-magazine",
6959
6959
  kind: "skill",
6960
6960
  name: "Article Magazine",
6961
6961
  description: "Shapes research or editorial material into a magazine-like narrative with strong hierarchy.",
6962
6962
  source: { path: "skills/article-magazine/SKILL.md" }
6963
6963
  },
6964
6964
  {
6965
- id: "od:skill:design-brief",
6965
+ id: "skill:design-brief",
6966
6966
  kind: "skill",
6967
6967
  name: "Design Brief",
6968
6968
  description: "Converts a product, brand, or feature request into a structured design brief.",
6969
6969
  source: { path: "skills/design-brief/SKILL.md" }
6970
6970
  },
6971
6971
  {
6972
- id: "od:skill:8-bit-orbit-video-template",
6972
+ id: "skill:8-bit-orbit-video-template",
6973
6973
  kind: "skill",
6974
6974
  name: "8 Bit Orbit Video Template",
6975
6975
  description: "HyperFrames-based video template for retro pixel deck motion design \u2014 multi-scene HTML-to-video composition with advanced transitions and ready-to-render default style.",
6976
6976
  source: { path: "skills/8-bit-orbit-video-template/SKILL.md" }
6977
6977
  },
6978
6978
  {
6979
- id: "od:skill:after-hours-editorial-template",
6979
+ id: "skill:after-hours-editorial-template",
6980
6980
  kind: "skill",
6981
6981
  name: "After Hours Editorial Template",
6982
6982
  description: "Luxury dark-editorial HyperFrames template for three-page cinematic storyboards \u2014 haute couture title cards and magazine chapter spreads with moody serif-led storytelling.",
6983
6983
  source: { path: "skills/after-hours-editorial-template/SKILL.md" }
6984
6984
  },
6985
6985
  {
6986
- id: "od:skill:algorithmic-art",
6986
+ id: "skill:algorithmic-art",
6987
6987
  kind: "skill",
6988
6988
  name: "Algorithmic Art",
6989
6989
  description: "Create generative art using p5.js with seeded randomness so every render is reproducible. Useful for procedural posters, motion-style stills, and artistic frame studies.",
6990
6990
  source: { path: "skills/algorithmic-art/SKILL.md" }
6991
6991
  },
6992
6992
  {
6993
- id: "od:skill:apple-hig",
6993
+ id: "skill:apple-hig",
6994
6994
  kind: "skill",
6995
6995
  name: "Apple HIG",
6996
6996
  description: "Apple Human Interface Guidelines as 14 agent skills covering platforms, foundations, components, patterns, inputs, and technologies for iOS, macOS, visionOS, watchOS, and tvOS.",
6997
6997
  source: { path: "skills/apple-hig/SKILL.md" }
6998
6998
  },
6999
6999
  {
7000
- id: "od:skill:brainstorming",
7000
+ id: "skill:brainstorming",
7001
7001
  kind: "skill",
7002
7002
  name: "Brainstorming",
7003
7003
  description: "Transform rough ideas into fully-formed designs through structured questioning and alternative exploration. Useful early in concept work.",
7004
7004
  source: { path: "skills/brainstorming/SKILL.md" }
7005
7005
  },
7006
7006
  {
7007
- id: "od:skill:brand-guidelines",
7007
+ id: "skill:brand-guidelines",
7008
7008
  kind: "skill",
7009
7009
  name: "Brand Guidelines",
7010
7010
  description: "Apply Anthropic's official brand colors and typography to artifacts for consistent visual identity and professional design standards. A reference for shaping your own.",
7011
7011
  source: { path: "skills/brand-guidelines/SKILL.md" }
7012
7012
  },
7013
7013
  {
7014
- id: "od:skill:canvas-design",
7014
+ id: "skill:canvas-design",
7015
7015
  kind: "skill",
7016
7016
  name: "Canvas Design",
7017
7017
  description: "Create beautiful visual art in PNG and PDF documents using design philosophy and aesthetic principles for posters, illustrations, and static pieces.",
7018
7018
  source: { path: "skills/canvas-design/SKILL.md" }
7019
7019
  },
7020
7020
  {
7021
- id: "od:skill:card-twitter",
7021
+ id: "skill:card-twitter",
7022
7022
  kind: "skill",
7023
7023
  name: "Card Twitter",
7024
7024
  description: "Twitter quote or data card designed to pair with a post.",
7025
7025
  source: { path: "skills/card-twitter/SKILL.md" }
7026
7026
  },
7027
7027
  {
7028
- id: "od:skill:card-xiaohongshu",
7028
+ id: "skill:card-xiaohongshu",
7029
7029
  kind: "skill",
7030
7030
  name: "Card Xiaohongshu",
7031
7031
  description: "Xiaohongshu-style knowledge cards, arranged as a swipeable multi-card carousel.",
7032
7032
  source: { path: "skills/card-xiaohongshu/SKILL.md" }
7033
7033
  },
7034
7034
  {
7035
- id: "od:skill:color-expert",
7035
+ id: "skill:color-expert",
7036
7036
  kind: "skill",
7037
7037
  name: "Color Expert",
7038
7038
  description: "Color science expert skill with 286K words of reference material covering OKLCH/OKLAB, palette generation, accessibility/contrast, color naming, pigment mixing, and historical color theory.",
7039
7039
  source: { path: "skills/color-expert/SKILL.md" }
7040
7040
  },
7041
7041
  {
7042
- id: "od:skill:creative-director",
7042
+ id: "skill:creative-director",
7043
7043
  kind: "skill",
7044
7044
  name: "Creative Director",
7045
7045
  description: "AI creative director with recursive self-assessment: 20+ methodologies (SIT, TRIZ, Bisociation, SCAMPER, Synectics), 3-axis evaluation calibrated against Cannes/D&AD/HumanKind, 5-phase process from brief to presentation.",
7046
7046
  source: { path: "skills/creative-director/SKILL.md" }
7047
7047
  },
7048
7048
  {
7049
- id: "od:skill:d3-visualization",
7049
+ id: "skill:d3-visualization",
7050
7050
  kind: "skill",
7051
7051
  name: "D3 Visualization",
7052
7052
  description: "Teaches the agent to produce D3 charts and interactive data visualizations. Useful for editorial dashboards, reports, and explanatory graphics.",
7053
7053
  source: { path: "skills/d3-visualization/SKILL.md" }
7054
7054
  },
7055
7055
  {
7056
- id: "od:skill:deck-guizang-editorial",
7056
+ id: "skill:deck-guizang-editorial",
7057
7057
  kind: "skill",
7058
7058
  name: "Deck Guizang Editorial",
7059
7059
  description: "Editorial magazine meets e-ink: 10 layouts and 5 palettes (Ink, Indigo Porcelain, Forest Ink, Kraft Paper, Dune).",
7060
7060
  source: { path: "skills/deck-guizang-editorial/SKILL.md" }
7061
7061
  },
7062
7062
  {
7063
- id: "od:skill:deck-open-slide-canvas",
7063
+ id: "skill:deck-open-slide-canvas",
7064
7064
  kind: "skill",
7065
7065
  name: "Deck Open Slide Canvas",
7066
7066
  description: "Locked 1920x1080 canvas deck with React component-level free composition, not bound to a fixed template.",
7067
7067
  source: { path: "skills/deck-open-slide-canvas/SKILL.md" }
7068
7068
  },
7069
7069
  {
7070
- id: "od:skill:deck-swiss-international",
7070
+ id: "skill:deck-swiss-international",
7071
7071
  kind: "skill",
7072
7072
  name: "Deck Swiss International",
7073
7073
  description: "16-column grid, one saturated accent, and 22 locked layouts (Klein Blue, Lemon, Mint, Safety Orange).",
7074
7074
  source: { path: "skills/deck-swiss-international/SKILL.md" }
7075
7075
  },
7076
7076
  {
7077
- id: "od:skill:design-consultation",
7077
+ id: "skill:design-consultation",
7078
7078
  kind: "skill",
7079
7079
  name: "Design Consultation",
7080
7080
  description: "Build a complete design system from scratch with creative risks and realistic product mockups. Useful for kickoff workshops and brand-from-zero work.",
7081
7081
  source: { path: "skills/design-consultation/SKILL.md" }
7082
7082
  },
7083
7083
  {
7084
- id: "od:skill:design-md",
7084
+ id: "skill:design-md",
7085
7085
  kind: "skill",
7086
7086
  name: "Design MD",
7087
7087
  description: "Create and manage DESIGN.md files. Useful for capturing design direction, tokens, and visual rules in a single source of truth.",
7088
7088
  source: { path: "skills/design-md/SKILL.md" }
7089
7089
  },
7090
7090
  {
7091
- id: "od:skill:design-review",
7091
+ id: "skill:design-review",
7092
7092
  kind: "skill",
7093
7093
  name: "Design Review",
7094
7094
  description: "Designer Who Codes: visual audit then fixes with atomic commits and before/after screenshots. Useful for tightening shipped UI before launch.",
7095
7095
  source: { path: "skills/design-review/SKILL.md" }
7096
7096
  },
7097
7097
  {
7098
- id: "od:skill:digits-fintech-swiss-template",
7098
+ id: "skill:digits-fintech-swiss-template",
7099
7099
  kind: "skill",
7100
7100
  name: "Digits Fintech Swiss Template",
7101
7101
  description: "Swiss-grid fintech deck template in black / warm paper / neon-lime \u2014 strict modular layout, bold numeric cards, restrained motion, keyboard/click navigation.",
7102
7102
  source: { path: "skills/digits-fintech-swiss-template/SKILL.md" }
7103
7103
  },
7104
7104
  {
7105
- id: "od:skill:doc-kami-parchment",
7105
+ id: "skill:doc-kami-parchment",
7106
7106
  kind: "skill",
7107
7107
  name: "DOC Kami Parchment",
7108
7108
  description: "Warm parchment canvas (#f5f4ed), monochrome ink-blue accent (#1B365D), one serif family, and editorial-grade typography.",
7109
7109
  source: { path: "skills/doc-kami-parchment/SKILL.md" }
7110
7110
  },
7111
7111
  {
7112
- id: "od:skill:editorial-burgundy-principles-template",
7112
+ id: "skill:editorial-burgundy-principles-template",
7113
7113
  kind: "skill",
7114
7114
  name: "Editorial Burgundy Principles Template",
7115
7115
  description: "Editorial studio deck template in burgundy / blush / muted-gold \u2014 pill tags, large typographic statements, principle cards, guided keyboard/click navigation.",
7116
7116
  source: { path: "skills/editorial-burgundy-principles-template/SKILL.md" }
7117
7117
  },
7118
7118
  {
7119
- id: "od:skill:enhance-prompt",
7119
+ id: "skill:enhance-prompt",
7120
7120
  kind: "skill",
7121
7121
  name: "Enhance Prompt",
7122
7122
  description: "Improve prompts with design specs and UI/UX vocabulary. Useful for design-to-code workflows and clarifying requests for visual output.",
7123
7123
  source: { path: "skills/enhance-prompt/SKILL.md" }
7124
7124
  },
7125
7125
  {
7126
- id: "od:skill:faq-page",
7126
+ id: "skill:faq-page",
7127
7127
  kind: "skill",
7128
7128
  name: "FAQ Page",
7129
7129
  description: "A Frequently Asked Questions (FAQ) page with collapsible accordion sections, search functionality, and category filtering.",
7130
7130
  source: { path: "skills/faq-page/SKILL.md" }
7131
7131
  },
7132
7132
  {
7133
- id: "od:skill:field-notes-editorial-template",
7133
+ id: "skill:field-notes-editorial-template",
7134
7134
  kind: "skill",
7135
7135
  name: "Field Notes Editorial Template",
7136
7136
  description: "Editorial Field Notes report template \u2014 soft paper background, serif hero typography, rounded pastel insight cards, retention chart panel. Premium magazine-style.",
7137
7137
  source: { path: "skills/field-notes-editorial-template/SKILL.md" }
7138
7138
  },
7139
7139
  {
7140
- id: "od:skill:figma-create-design-system-rules",
7140
+ id: "skill:figma-create-design-system-rules",
7141
7141
  kind: "skill",
7142
7142
  name: "Figma Create Design System Rules",
7143
7143
  description: "Generate project-specific design system rules for Figma-to-code workflows. Useful for capturing tokens, naming, and lint rules in one source.",
7144
7144
  source: { path: "skills/figma-create-design-system-rules/SKILL.md" }
7145
7145
  },
7146
7146
  {
7147
- id: "od:skill:figma-generate-design",
7147
+ id: "skill:figma-generate-design",
7148
7148
  kind: "skill",
7149
7149
  name: "Figma Generate Design",
7150
7150
  description: "Build or update screens in Figma from code or description using design system components. Translate app pages into Figma using design tokens.",
7151
7151
  source: { path: "skills/figma-generate-design/SKILL.md" }
7152
7152
  },
7153
7153
  {
7154
- id: "od:skill:figma-generate-library",
7154
+ id: "skill:figma-generate-library",
7155
7155
  kind: "skill",
7156
7156
  name: "Figma Generate Library",
7157
7157
  description: "Build or update a professional-grade design system library in Figma from a codebase. Useful for keeping the Figma source of truth in sync with shipped components.",
7158
7158
  source: { path: "skills/figma-generate-library/SKILL.md" }
7159
7159
  },
7160
7160
  {
7161
- id: "od:skill:figma-implement-design",
7161
+ id: "skill:figma-implement-design",
7162
7162
  kind: "skill",
7163
7163
  name: "Figma Implement Design",
7164
7164
  description: "Translate Figma designs into production-ready code with 1:1 visual fidelity. Useful for handing off Figma frames straight to a frontend agent.",
7165
7165
  source: { path: "skills/figma-implement-design/SKILL.md" }
7166
7166
  },
7167
7167
  {
7168
- id: "od:skill:flutter-animating-apps",
7168
+ id: "skill:flutter-animating-apps",
7169
7169
  kind: "skill",
7170
7170
  name: "Flutter Animating Apps",
7171
7171
  description: "Implement animated effects, transitions, and motion in Flutter apps. Useful for native iOS/Android motion design.",
7172
7172
  source: { path: "skills/flutter-animating-apps/SKILL.md" }
7173
7173
  },
7174
7174
  {
7175
- id: "od:skill:frame-data-chart-nyt",
7175
+ id: "skill:frame-data-chart-nyt",
7176
7176
  kind: "skill",
7177
7177
  name: "Frame Data Chart Nyt",
7178
7178
  description: "NYT-newsroom typography, staggered reveal animation, and editorial-grade charts (line, bar, or range band).",
7179
7179
  source: { path: "skills/frame-data-chart-nyt/SKILL.md" }
7180
7180
  },
7181
7181
  {
7182
- id: "od:skill:frame-flowchart-sticky",
7182
+ id: "skill:frame-flowchart-sticky",
7183
7183
  kind: "skill",
7184
7184
  name: "Frame Flowchart Sticky",
7185
7185
  description: "SVG curve connectors, sticky-note nodes, and cursor interaction with a whiteboard-brainstorm feel.",
7186
7186
  source: { path: "skills/frame-flowchart-sticky/SKILL.md" }
7187
7187
  },
7188
7188
  {
7189
- id: "od:skill:frame-glitch-title",
7189
+ id: "skill:frame-glitch-title",
7190
7190
  kind: "skill",
7191
7191
  name: "Frame Glitch Title",
7192
7192
  description: "Digital glitch, chromatic offset, and data-corruption title frame for video transitions or cyberpunk heroes.",
7193
7193
  source: { path: "skills/frame-glitch-title/SKILL.md" }
7194
7194
  },
7195
7195
  {
7196
- id: "od:skill:frame-light-leak-cinema",
7196
+ id: "skill:frame-light-leak-cinema",
7197
7197
  kind: "skill",
7198
7198
  name: "Frame Light Leak Cinema",
7199
7199
  description: "Film light leaks, grain, 16:9 letterbox, and large serif type for cinematic openings or chapter cards.",
7200
7200
  source: { path: "skills/frame-light-leak-cinema/SKILL.md" }
7201
7201
  },
7202
7202
  {
7203
- id: "od:skill:frame-liquid-bg-hero",
7203
+ id: "skill:frame-liquid-bg-hero",
7204
7204
  kind: "skill",
7205
7205
  name: "Frame Liquid Bg Hero",
7206
7206
  description: "WebGL-style fluid displacement background with a quote overlay, suited to video intros, landing heroes, or posters.",
7207
7207
  source: { path: "skills/frame-liquid-bg-hero/SKILL.md" }
7208
7208
  },
7209
7209
  {
7210
- id: "od:skill:frame-logo-outro",
7210
+ id: "skill:frame-logo-outro",
7211
7211
  kind: "skill",
7212
7212
  name: "Frame Logo Outro",
7213
7213
  description: "Segmented logo assembly, glow bloom, and tagline reveal for video outros or brand closing frames.",
7214
7214
  source: { path: "skills/frame-logo-outro/SKILL.md" }
7215
7215
  },
7216
7216
  {
7217
- id: "od:skill:frame-macos-notification",
7217
+ id: "skill:frame-macos-notification",
7218
7218
  kind: "skill",
7219
7219
  name: "Frame Macos Notification",
7220
7220
  description: "Realistic macOS notification banner with app icon, title, and body, suited to video overlays or product teasers.",
7221
7221
  source: { path: "skills/frame-macos-notification/SKILL.md" }
7222
7222
  },
7223
7223
  {
7224
- id: "od:skill:frontend-design",
7224
+ id: "skill:frontend-design",
7225
7225
  kind: "skill",
7226
7226
  name: "Frontend Design",
7227
7227
  description: "Frontend design and UI/UX development tools for shipping production-ready interfaces with strong typographic and layout discipline.",
7228
7228
  source: { path: "skills/frontend-design/SKILL.md" }
7229
7229
  },
7230
7230
  {
7231
- id: "od:skill:frontend-dev",
7231
+ id: "skill:frontend-dev",
7232
7232
  kind: "skill",
7233
7233
  name: "Frontend Dev",
7234
7234
  description: "Full-stack frontend with cinematic animations, AI-generated media via MiniMax API, and generative art. Useful for hero pages and showcase sites.",
7235
7235
  source: { path: "skills/frontend-dev/SKILL.md" }
7236
7236
  },
7237
7237
  {
7238
- id: "od:skill:frontend-skill",
7238
+ id: "skill:frontend-skill",
7239
7239
  kind: "skill",
7240
7240
  name: "Frontend Skill",
7241
7241
  description: "Create visually strong landing pages, websites, and app UIs with restrained composition. OpenAI's production frontend playbook.",
7242
7242
  source: { path: "skills/frontend-skill/SKILL.md" }
7243
7243
  },
7244
7244
  {
7245
- id: "od:skill:frontend-slides",
7245
+ id: "skill:frontend-slides",
7246
7246
  kind: "skill",
7247
7247
  name: "Frontend Slides",
7248
7248
  description: "Generate animation-rich HTML presentations with visual style previews. Useful for online keynotes, embedded talks, and interactive briefs.",
7249
7249
  source: { path: "skills/frontend-slides/SKILL.md" }
7250
7250
  },
7251
7251
  {
7252
- id: "od:skill:gsap-core",
7252
+ id: "skill:gsap-core",
7253
7253
  kind: "skill",
7254
7254
  name: "GSAP Core",
7255
7255
  description: "Core GSAP API with gsap.to(), from(), fromTo(), easing, duration, stagger, and defaults. Production-grade web animation primitives.",
7256
7256
  source: { path: "skills/gsap-core/SKILL.md" }
7257
7257
  },
7258
7258
  {
7259
- id: "od:skill:gsap-react",
7259
+ id: "skill:gsap-react",
7260
7260
  kind: "skill",
7261
7261
  name: "GSAP React",
7262
7262
  description: "GSAP React integration with useGSAP hook, refs, gsap.context(), cleanup, and SSR. Ships safe motion in React + Next.js apps.",
7263
7263
  source: { path: "skills/gsap-react/SKILL.md" }
7264
7264
  },
7265
7265
  {
7266
- id: "od:skill:gsap-scrolltrigger",
7266
+ id: "skill:gsap-scrolltrigger",
7267
7267
  kind: "skill",
7268
7268
  name: "GSAP Scrolltrigger",
7269
7269
  description: "GSAP ScrollTrigger for scroll-linked animations, pinning, scrub, and refresh handling. Useful for editorial sites and product pages.",
7270
7270
  source: { path: "skills/gsap-scrolltrigger/SKILL.md" }
7271
7271
  },
7272
7272
  {
7273
- id: "od:skill:gsap-timeline",
7273
+ id: "skill:gsap-timeline",
7274
7274
  kind: "skill",
7275
7275
  name: "GSAP Timeline",
7276
7276
  description: "GSAP Timelines with sequencing, position parameter, labels, nesting, and playback control. Useful for orchestrating multi-step motion sequences.",
7277
7277
  source: { path: "skills/gsap-timeline/SKILL.md" }
7278
7278
  },
7279
7279
  {
7280
- id: "od:skill:hand-drawn-diagrams",
7280
+ id: "skill:hand-drawn-diagrams",
7281
7281
  kind: "skill",
7282
7282
  name: "Hand Drawn Diagrams",
7283
7283
  description: "Generate hand-drawn Excalidraw diagrams from a prompt - animated SVG, hosted edit link, and PNG export. Works with Claude Code, Codex, Gemini CLI, and any agent supporting standard skill paths.",
7284
7284
  source: { path: "skills/hand-drawn-diagrams/SKILL.md" }
7285
7285
  },
7286
7286
  {
7287
- id: "od:skill:hatch-pet",
7287
+ id: "skill:hatch-pet",
7288
7288
  kind: "skill",
7289
7289
  name: "Hatch Pet",
7290
7290
  description: "Create, repair, validate, preview, and package Codex-compatible animated pet spritesheets with an 8x9 atlas, QA contact sheets, preview videos, and pet.json packaging.",
7291
7291
  source: { path: "skills/hatch-pet/SKILL.md" }
7292
7292
  },
7293
7293
  {
7294
- id: "od:skill:html-ppt-retro-quarterly-review",
7294
+ id: "skill:html-ppt-retro-quarterly-review",
7295
7295
  kind: "skill",
7296
7296
  name: "HTML PPT Retro Quarterly Review",
7297
7297
  description: "Retro Quarterly Review template \u2014 bold blue + orange editorial with slab headlines, cream paper sections, structured grids, fast premium motion pacing in video mode.",
7298
7298
  source: { path: "skills/html-ppt-retro-quarterly-review/SKILL.md" }
7299
7299
  },
7300
7300
  {
7301
- id: "od:skill:login-flow",
7301
+ id: "skill:login-flow",
7302
7302
  kind: "skill",
7303
7303
  name: "Login Flow",
7304
7304
  description: "Mobile login and authentication flow screens.",
7305
7305
  source: { path: "skills/login-flow/SKILL.md" }
7306
7306
  },
7307
7307
  {
7308
- id: "od:skill:mockup-device-3d",
7308
+ id: "skill:mockup-device-3d",
7309
7309
  kind: "skill",
7310
7310
  name: "Mockup Device 3D",
7311
7311
  description: "Static iPhone and MacBook 3D-style showcase with real HTML embedded on screens, glass-lens refraction, and 360-degree turntable composition.",
7312
7312
  source: { path: "skills/mockup-device-3d/SKILL.md" }
7313
7313
  },
7314
7314
  {
7315
- id: "od:skill:paywall-upgrade-cro",
7315
+ id: "skill:paywall-upgrade-cro",
7316
7316
  kind: "skill",
7317
7317
  name: "Paywall Upgrade Cro",
7318
7318
  description: "Design and optimize upgrade screens, paywalls, and upsell modals. Useful for SaaS conversion design and pricing-page experiments.",
7319
7319
  source: { path: "skills/paywall-upgrade-cro/SKILL.md" }
7320
7320
  },
7321
7321
  {
7322
- id: "od:skill:plan-design-review",
7322
+ id: "skill:plan-design-review",
7323
7323
  kind: "skill",
7324
7324
  name: "Plan Design Review",
7325
7325
  description: "Senior Designer review: rates each design dimension 0-10, explains what a 10 looks like, and flags AI Slop signals. Useful as a gate before merging UI work.",
7326
7326
  source: { path: "skills/plan-design-review/SKILL.md" }
7327
7327
  },
7328
7328
  {
7329
- id: "od:skill:platform-design",
7329
+ id: "skill:platform-design",
7330
7330
  kind: "skill",
7331
7331
  name: "Platform Design",
7332
7332
  description: "300+ design rules from Apple HIG, Material Design 3, and WCAG 2.2 for cross-platform apps. Useful when shipping a single design across iOS, Android, and the web.",
7333
7333
  source: { path: "skills/platform-design/SKILL.md" }
7334
7334
  },
7335
7335
  {
7336
- id: "od:skill:poster-hero",
7336
+ id: "skill:poster-hero",
7337
7337
  kind: "skill",
7338
7338
  name: "Poster Hero",
7339
7339
  description: "Vertical poster or Moments-style share image with strong visual impact.",
7340
7340
  source: { path: "skills/poster-hero/SKILL.md" }
7341
7341
  },
7342
7342
  {
7343
- id: "od:skill:ppt-keynote",
7343
+ id: "skill:ppt-keynote",
7344
7344
  kind: "skill",
7345
7345
  name: "PPT Keynote",
7346
7346
  description: "Apple Keynote-quality slides, one card per screen, with keyboard left/right navigation.",
7347
7347
  source: { path: "skills/ppt-keynote/SKILL.md" }
7348
7348
  },
7349
7349
  {
7350
- id: "od:skill:release-notes-one-pager",
7350
+ id: "skill:release-notes-one-pager",
7351
7351
  kind: "skill",
7352
7352
  name: "Release Notes One Pager",
7353
7353
  description: 'Release notes one-page HTML with highlights, Added, Fixed, Breaking changes, Known issues, and Upgrade note. Writes explicit "None" style sections whenever the user does not provide details.',
7354
7354
  source: { path: "skills/release-notes-one-pager/SKILL.md" }
7355
7355
  },
7356
7356
  {
7357
- id: "od:skill:resume-modern",
7357
+ id: "skill:resume-modern",
7358
7358
  kind: "skill",
7359
7359
  name: "Resume Modern",
7360
7360
  description: "Modern minimal resume, single A4 page, ready for print or PDF export.",
7361
7361
  source: { path: "skills/resume-modern/SKILL.md" }
7362
7362
  },
7363
7363
  {
7364
- id: "od:skill:screenshots-marketing",
7364
+ id: "skill:screenshots-marketing",
7365
7365
  kind: "skill",
7366
7366
  name: "Screenshots Marketing",
7367
7367
  description: "Generate marketing screenshots with Playwright. Useful for landing-page hero shots, App Store screenshots, and changelog visuals.",
7368
7368
  source: { path: "skills/screenshots-marketing/SKILL.md" }
7369
7369
  },
7370
7370
  {
7371
- id: "od:skill:shadcn-ui",
7371
+ id: "skill:shadcn-ui",
7372
7372
  kind: "skill",
7373
7373
  name: "Shadcn UI",
7374
7374
  description: "Build UI components with shadcn/ui. Pairs with the Stitch design loop to ship structured, accessible components quickly.",
7375
7375
  source: { path: "skills/shadcn-ui/SKILL.md" }
7376
7376
  },
7377
7377
  {
7378
- id: "od:skill:shader-dev",
7378
+ id: "skill:shader-dev",
7379
7379
  kind: "skill",
7380
7380
  name: "Shader Dev",
7381
7381
  description: "GLSL shader techniques for ray marching, fluid simulation, particle systems, and procedural generation. Useful for hero visuals and motion stills.",
7382
7382
  source: { path: "skills/shader-dev/SKILL.md" }
7383
7383
  },
7384
7384
  {
7385
- id: "od:skill:slack-gif-creator",
7385
+ id: "skill:slack-gif-creator",
7386
7386
  kind: "skill",
7387
7387
  name: "Slack GIF Creator",
7388
7388
  description: "Create animated GIFs optimized for Slack with validators for size constraints and composable animation primitives.",
7389
7389
  source: { path: "skills/slack-gif-creator/SKILL.md" }
7390
7390
  },
7391
7391
  {
7392
- id: "od:skill:slides",
7392
+ id: "skill:slides",
7393
7393
  kind: "skill",
7394
7394
  name: "Slides",
7395
7395
  description: "Create and edit .pptx presentation decks with PptxGenJS. Useful for sales decks, kickoff briefs, and design-system showcases.",
7396
7396
  source: { path: "skills/slides/SKILL.md" }
7397
7397
  },
7398
7398
  {
7399
- id: "od:skill:social-reddit-card",
7399
+ id: "skill:social-reddit-card",
7400
7400
  kind: "skill",
7401
7401
  name: "Social Reddit Card",
7402
7402
  description: "Realistic Reddit post card with vote rail and comment count, suited to video overlays or story sharing.",
7403
7403
  source: { path: "skills/social-reddit-card/SKILL.md" }
7404
7404
  },
7405
7405
  {
7406
- id: "od:skill:social-spotify-card",
7406
+ id: "skill:social-spotify-card",
7407
7407
  kind: "skill",
7408
7408
  name: "Social Spotify Card",
7409
7409
  description: "Spotify Now Playing-style card with album art, progress bar, and playback controls, suited to video overlays or personal homepages.",
7410
7410
  source: { path: "skills/social-spotify-card/SKILL.md" }
7411
7411
  },
7412
7412
  {
7413
- id: "od:skill:social-x-post-card",
7413
+ id: "skill:social-x-post-card",
7414
7414
  kind: "skill",
7415
7415
  name: "Social X Post Card",
7416
7416
  description: "Realistic X post card with engagement metrics (likes, reposts, views), suited to video overlays or shareable image cards.",
7417
7417
  source: { path: "skills/social-x-post-card/SKILL.md" }
7418
7418
  },
7419
7419
  {
7420
- id: "od:skill:stitch-loop",
7420
+ id: "skill:stitch-loop",
7421
7421
  kind: "skill",
7422
7422
  name: "Stitch Loop",
7423
7423
  description: "Iterative design-to-code feedback loop. Critique adjust ship cycle for tightening visual fidelity between brief and built UI.",
7424
7424
  source: { path: "skills/stitch-loop/SKILL.md" }
7425
7425
  },
7426
7426
  {
7427
- id: "od:skill:swiftui-design",
7427
+ id: "skill:swiftui-design",
7428
7428
  kind: "skill",
7429
7429
  name: "Swiftui Design",
7430
7430
  description: "SwiftUI skill - anti AI-slop rules, design direction advisor, brand asset protocol, and five-dimension review. Works with Claude Code, Cursor, Codex, and OpenCode.",
7431
7431
  source: { path: "skills/swiftui-design/SKILL.md" }
7432
7432
  },
7433
7433
  {
7434
- id: "od:skill:swiss-creative-mode-template",
7434
+ id: "skill:swiss-creative-mode-template",
7435
7435
  kind: "skill",
7436
7436
  name: "Swiss Creative Mode Template",
7437
7437
  description: "Swiss-inspired creative-mode presentation template \u2014 bold editorial typography, high-contrast geometric cards, interactive slide navigation, theme switching, hotspot overlays.",
7438
7438
  source: { path: "skills/swiss-creative-mode-template/SKILL.md" }
7439
7439
  },
7440
7440
  {
7441
- id: "od:skill:swiss-user-research-video-template",
7441
+ id: "skill:swiss-user-research-video-template",
7442
7442
  kind: "skill",
7443
7443
  name: "Swiss User Research Video Template",
7444
7444
  description: "Swiss-style user-research narrative template in warm-paper editorial aesthetics \u2014 minimalist typography, donut breakdowns, keyboard/click navigation, single-file HTML.",
7445
7445
  source: { path: "skills/swiss-user-research-video-template/SKILL.md" }
7446
7446
  },
7447
7447
  {
7448
- id: "od:skill:taste-skill",
7448
+ id: "skill:taste-skill",
7449
7449
  kind: "skill",
7450
7450
  name: "Taste Skill",
7451
7451
  description: "High-agency frontend skill that gives AI good taste with tunable design variance, motion intensity, and visual density to stop generic UI slop.",
7452
7452
  source: { path: "skills/taste-skill/SKILL.md" }
7453
7453
  },
7454
7454
  {
7455
- id: "od:skill:theme-factory",
7455
+ id: "skill:theme-factory",
7456
7456
  kind: "skill",
7457
7457
  name: "Theme Factory",
7458
7458
  description: "Apply professional font and color themes to artifacts including slides, docs, reports, and HTML landing pages. Ships 10 pre-set themes.",
7459
7459
  source: { path: "skills/theme-factory/SKILL.md" }
7460
7460
  },
7461
7461
  {
7462
- id: "od:skill:threejs",
7462
+ id: "skill:threejs",
7463
7463
  kind: "skill",
7464
7464
  name: "Threejs",
7465
7465
  description: "Three.js skills for creating 3D elements and interactive experiences in the browser - scenes, materials, controls, and post-processing.",
7466
7466
  source: { path: "skills/threejs/SKILL.md" }
7467
7467
  },
7468
7468
  {
7469
- id: "od:skill:ui-skills",
7469
+ id: "skill:ui-skills",
7470
7470
  kind: "skill",
7471
7471
  name: "UI Skills",
7472
7472
  description: "Opinionated, evolving constraints to guide agents when building interfaces. Useful for keeping output coherent across many small UI pieces.",
7473
7473
  source: { path: "skills/ui-skills/SKILL.md" }
7474
7474
  },
7475
7475
  {
7476
- id: "od:skill:ui-ux-pro-max",
7476
+ id: "skill:ui-ux-pro-max",
7477
7477
  kind: "skill",
7478
7478
  name: "UI UX Pro Max",
7479
7479
  description: "Catalog-only UI/UX Pro Max entry. The full upstream templates, data, and search workflow are not bundled in this registry.",
7480
7480
  source: { path: "skills/ui-ux-pro-max/SKILL.md" }
7481
7481
  },
7482
7482
  {
7483
- id: "od:skill:vfx-text-cursor",
7483
+ id: "skill:vfx-text-cursor",
7484
7484
  kind: "skill",
7485
7485
  name: "VFX Text Cursor",
7486
7486
  description: "Cursor light trail, chromatic rays, and directional flares for word-by-word quote reveals in video intros.",
7487
7487
  source: { path: "skills/vfx-text-cursor/SKILL.md" }
7488
7488
  },
7489
7489
  {
7490
- id: "od:skill:video-hyperframes",
7490
+ id: "skill:video-hyperframes",
7491
7491
  kind: "skill",
7492
7492
  name: "Video Hyperframes",
7493
7493
  description: "Hyperframes / Remotion-compatible continuous frame animation with autoplay support.",
7494
7494
  source: { path: "skills/video-hyperframes/SKILL.md" }
7495
7495
  },
7496
7496
  {
7497
- id: "od:skill:web-design-guidelines",
7497
+ id: "skill:web-design-guidelines",
7498
7498
  kind: "skill",
7499
7499
  name: "Web Design Guidelines",
7500
7500
  description: "Web design guidelines and standards by the Vercel engineering team. Covers layout, typography, color, motion, and accessibility for product UI.",
7501
7501
  source: { path: "skills/web-design-guidelines/SKILL.md" }
7502
7502
  },
7503
7503
  {
7504
- id: "od:skill:weread-year-in-review-video-template",
7504
+ id: "skill:weread-year-in-review-video-template",
7505
7505
  kind: "skill",
7506
7506
  name: "Weread Year In Review Video Template",
7507
7507
  description: "WeRead-inspired HyperFrames video template for vertical annual reading reports \u2014 warm paper texture, editorial Chinese typography, book-page metaphors, deterministic motion.",
7508
7508
  source: { path: "skills/weread-year-in-review-video-template/SKILL.md" }
7509
7509
  },
7510
7510
  {
7511
- id: "od:skill:wpds",
7511
+ id: "skill:wpds",
7512
7512
  kind: "skill",
7513
7513
  name: "WPDS",
7514
7514
  description: "WordPress Design System. Apply WordPress's official design tokens, typography, and component patterns to themes and sites.",
7515
7515
  source: { path: "skills/wpds/SKILL.md" }
7516
7516
  },
7517
7517
  {
7518
- id: "od:template:dashboard",
7518
+ id: "template:dashboard",
7519
7519
  kind: "template",
7520
7520
  name: "Dashboard",
7521
7521
  description: "Admin or analytics dashboard in a single HTML file with fixed sidebar, top bar, KPI cards, and one or two charts.",
7522
- source: { path: "design-templates/dashboard" }
7522
+ source: { path: "design-templates/dashboard" },
7523
+ targets: ["dashboard-design"]
7523
7524
  },
7524
7525
  {
7525
- id: "od:template:finance-report",
7526
+ id: "template:finance-report",
7526
7527
  kind: "template",
7527
7528
  name: "Finance Report",
7528
7529
  description: "Quarterly or monthly financial report with masthead KPIs, revenue and burn charts, P&L summary, highlights, and outlook.",
7529
- source: { path: "design-templates/finance-report" }
7530
+ source: { path: "design-templates/finance-report" },
7531
+ targets: ["report"]
7530
7532
  },
7531
7533
  {
7532
- id: "od:template:docs-page",
7534
+ id: "template:docs-page",
7533
7535
  kind: "template",
7534
7536
  name: "Docs Page",
7535
7537
  description: "Documentation page with inline-start navigation, scrollable article body, and inline-end table of contents.",
7536
- source: { path: "design-templates/docs-page" }
7538
+ source: { path: "design-templates/docs-page" },
7539
+ targets: ["docs-design"]
7537
7540
  },
7538
7541
  {
7539
- id: "od:template:mobile-app",
7542
+ id: "template:mobile-app",
7540
7543
  kind: "template",
7541
7544
  name: "Mobile App Design",
7542
7545
  description: "Mobile app screen rendered inside a pixel-accurate iPhone 15 Pro frame using reusable screen archetypes.",
7543
- source: { path: "design-templates/mobile-app" }
7546
+ source: { path: "design-templates/mobile-app" },
7547
+ targets: ["mobile-app-design"]
7544
7548
  },
7545
7549
  {
7546
- id: "od:template:html-ppt-graphify-dark-graph",
7550
+ id: "template:html-ppt-graphify-dark-graph",
7547
7551
  kind: "template",
7548
7552
  name: "Graphify Dark Graph",
7549
7553
  description: "Dark knowledge-graph deck with midnight gradients, force-graph cover visuals, command-line highlights, and glass-morphism cards.",
7550
- source: { path: "design-templates/html-ppt-graphify-dark-graph" }
7554
+ source: { path: "design-templates/html-ppt-graphify-dark-graph" },
7555
+ targets: ["presentation"]
7551
7556
  },
7552
7557
  {
7553
- id: "od:template:html-ppt-zhangzara-retro-zine",
7558
+ id: "template:html-ppt-zhangzara-retro-zine",
7554
7559
  kind: "template",
7555
7560
  name: "Zhangzara Retro Zine",
7556
7561
  description: "Retro editorial zine presentation template with expressive composition, tactile paper energy, and bold magazine-like rhythm.",
7557
- source: { path: "design-templates/html-ppt-zhangzara-retro-zine" }
7562
+ source: { path: "design-templates/html-ppt-zhangzara-retro-zine" },
7563
+ targets: ["presentation", "poster"]
7558
7564
  },
7559
7565
  {
7560
- id: "od:template:weekly-update",
7566
+ id: "template:weekly-update",
7561
7567
  kind: "template",
7562
7568
  name: "Weekly Update",
7563
7569
  description: "Single-file horizontal-swipe weekly team update deck for shipped work, in-flight work, blockers, metrics, and asks.",
7564
- source: { path: "design-templates/weekly-update" }
7570
+ source: { path: "design-templates/weekly-update" },
7571
+ targets: ["report", "presentation"]
7565
7572
  },
7566
7573
  {
7567
- id: "od:template:web-prototype-taste-editorial",
7574
+ id: "template:web-prototype-taste-editorial",
7568
7575
  kind: "template",
7569
7576
  name: "Taste Editorial Web Prototype",
7570
7577
  description: "Editorial-minimalist web prototype with warm monochrome canvas, serif display type, hairline borders, pastel chips, and ambient micro-motion.",
7571
- source: { path: "design-templates/web-prototype-taste-editorial" }
7578
+ source: { path: "design-templates/web-prototype-taste-editorial" },
7579
+ targets: ["website"]
7572
7580
  },
7573
7581
  {
7574
- id: "od:template:audio-jingle",
7582
+ id: "template:audio-jingle",
7575
7583
  kind: "template",
7576
7584
  name: "Audio Jingle",
7577
7585
  description: "Audio generation skill \u2014 jingles, beds, voiceover, and sound effects. Routes music requests to Suno V5 / Udio / Lyria, speech to MiniMax TTS / FishAudio / ElevenLabs V3, and SFX to ElevenLabs SFX or AudioCraft. Output is one MP3/WAV file\u2026",
7578
- source: { path: "design-templates/audio-jingle" }
7586
+ source: { path: "design-templates/audio-jingle" },
7587
+ targets: ["intro-video"]
7579
7588
  },
7580
7589
  {
7581
- id: "od:template:blog-post",
7590
+ id: "template:blog-post",
7582
7591
  kind: "template",
7583
7592
  name: "Blog Post",
7584
7593
  description: "A long-form article / blog post \u2014 masthead, hero image placeholder, article body with figures and pull quotes, author byline, related posts.",
7585
- source: { path: "design-templates/blog-post" }
7594
+ source: { path: "design-templates/blog-post" },
7595
+ targets: ["website"]
7586
7596
  },
7587
7597
  {
7588
- id: "od:template:clinical-case-report",
7598
+ id: "template:clinical-case-report",
7589
7599
  kind: "template",
7590
7600
  name: "Clinical Case Report",
7591
7601
  description: "Structured medical case presentation for clinical rounds, conferences, and documentation. Generates SOAP-format or narrative case reports with physiologically accurate vitals, labs, and evidence-based plans.",
7592
- source: { path: "design-templates/clinical-case-report" }
7602
+ source: { path: "design-templates/clinical-case-report" },
7603
+ targets: ["report"]
7593
7604
  },
7594
7605
  {
7595
- id: "od:template:critique",
7606
+ id: "template:critique",
7596
7607
  kind: "template",
7597
7608
  name: "Critique",
7598
7609
  description: "Run a 5-dimension expert design review on any HTML artifact in the project \u2014 Philosophy / Visual hierarchy / Detail / Functionality / Innovation, each scored 0\u201310. Outputs a single self-contained HTML report with a radar chart, evidence\u2026",
7599
- source: { path: "design-templates/critique" }
7610
+ source: { path: "design-templates/critique" },
7611
+ targets: [
7612
+ "website",
7613
+ "dashboard-design",
7614
+ "presentation",
7615
+ "report",
7616
+ "docs-design",
7617
+ "poster",
7618
+ "mobile-app-design"
7619
+ ]
7600
7620
  },
7601
7621
  {
7602
- id: "od:template:dating-web",
7622
+ id: "template:dating-web",
7603
7623
  kind: "template",
7604
7624
  name: "Dating Web",
7605
7625
  description: "A consumer-feeling dating / matchmaking dashboard \u2014 left rail navigation, ticker bar of community signals, headline KPIs, a 30-day mutual-matches bar chart, and a match-rate trend block. Editorial typography, restrained accent.",
7606
- source: { path: "design-templates/dating-web" }
7626
+ source: { path: "design-templates/dating-web" },
7627
+ targets: ["website"]
7607
7628
  },
7608
7629
  {
7609
- id: "od:template:dcf-valuation",
7630
+ id: "template:dcf-valuation",
7610
7631
  kind: "template",
7611
7632
  name: "Dcf Valuation",
7612
7633
  description: "Discounted cash flow valuation and intrinsic value analysis for public companies.",
7613
- source: { path: "design-templates/dcf-valuation" }
7634
+ source: { path: "design-templates/dcf-valuation" },
7635
+ targets: ["report"]
7614
7636
  },
7615
7637
  {
7616
- id: "od:template:digital-eguide",
7638
+ id: "template:digital-eguide",
7617
7639
  kind: "template",
7618
7640
  name: "Digital Eguide",
7619
7641
  description: `A two-spread digital e-guide preview \u2014 page 1 is a cover (display title, author, "What's inside" stats, table of contents teaser); page 2 is a spread (lesson body with pull-quote and a step list). Lifestyle / creator brand tone.`,
7620
- source: { path: "design-templates/digital-eguide" }
7642
+ source: { path: "design-templates/digital-eguide" },
7643
+ targets: ["website", "docs-design"]
7621
7644
  },
7622
7645
  {
7623
- id: "od:template:email-marketing",
7646
+ id: "template:email-marketing",
7624
7647
  kind: "template",
7625
7648
  name: "Email Marketing",
7626
7649
  description: "A brand product-launch email \u2014 masthead with wordmark, hero image block, headline lockup with skewed-italic accent, body copy, primary CTA, and a specifications grid. Pure HTML email layout (centered single column, table fallback).",
7627
- source: { path: "design-templates/email-marketing" }
7650
+ source: { path: "design-templates/email-marketing" },
7651
+ targets: ["website"]
7628
7652
  },
7629
7653
  {
7630
- id: "od:template:eng-runbook",
7654
+ id: "template:eng-runbook",
7631
7655
  kind: "template",
7632
7656
  name: "Eng Runbook",
7633
7657
  description: "An engineering runbook \u2014 service overview, alerts table, dashboards links, common procedures with copy-pasteable commands, on-call rotation, and an incident-response checklist.",
7634
- source: { path: "design-templates/eng-runbook" }
7658
+ source: { path: "design-templates/eng-runbook" },
7659
+ targets: ["docs-design"]
7635
7660
  },
7636
7661
  {
7637
- id: "od:template:flowai-live-dashboard-template",
7662
+ id: "template:flowai-live-dashboard-template",
7638
7663
  kind: "template",
7639
7664
  name: "Flowai Live Dashboard Template",
7640
7665
  description: "FlowAI team-management dashboard \u2014 three tabs (Members, Details, Activity Log), KPI row, role chart, presence sparklines, contributor panel, light/dark, CSV export, single HTML.",
7641
- source: { path: "design-templates/flowai-live-dashboard-template" }
7666
+ source: { path: "design-templates/flowai-live-dashboard-template" },
7667
+ targets: ["dashboard-design"]
7642
7668
  },
7643
7669
  {
7644
- id: "od:template:gamified-app",
7670
+ id: "template:gamified-app",
7645
7671
  kind: "template",
7646
7672
  name: "Gamified App",
7647
7673
  description: "A multi-frame gamified mobile-app prototype \u2014 three phone frames on a dark showcase stage. Frame 1: cover / poster, Frame 2: today's quests with XP ribbons and a level bar, Frame 3: quest detail. Vivid quest tiles, level ribbon, bottom t\u2026",
7648
- source: { path: "design-templates/gamified-app" }
7674
+ source: { path: "design-templates/gamified-app" },
7675
+ targets: ["website", "mobile-app-design"]
7649
7676
  },
7650
7677
  {
7651
- id: "od:template:github-dashboard",
7678
+ id: "template:github-dashboard",
7652
7679
  kind: "template",
7653
7680
  name: "Github Dashboard",
7654
7681
  description: "GitHub repository analytics dashboard \u2014 stars, forks, contributors, issues, pull requests, recent activity, and top contributors.",
7655
- source: { path: "design-templates/github-dashboard" }
7682
+ source: { path: "design-templates/github-dashboard" },
7683
+ targets: ["dashboard-design"]
7656
7684
  },
7657
7685
  {
7658
- id: "od:template:guizang-ppt",
7686
+ id: "template:guizang-ppt",
7659
7687
  kind: "template",
7660
7688
  name: "Guizang PPT",
7661
7689
  description: "\u7535\u5B50\u6742\u5FD7 \xD7 \u7535\u5B50\u58A8\u6C34\u98CE\u683C\u7684\u6A2A\u5411\u7FFB\u9875\u7F51\u9875 PPT \u2014 WebGL \u6D41\u4F53\u80CC\u666F\u3001\u886C\u7EBF\u6807\u9898\u3001\u7AE0\u8282\u5E55\u5C01\u3001\u6570\u636E\u5927\u5B57\u62A5\u3001\u56FE\u7247\u7F51\u683C\u3002\u9002\u5408\u5206\u4EAB / \u6F14\u8BB2 / \u53D1\u5E03\u4F1A / \u6742\u5FD7\u98CE PPT\u3002",
7662
- source: { path: "design-templates/guizang-ppt" }
7690
+ source: { path: "design-templates/guizang-ppt" },
7691
+ targets: ["presentation"]
7663
7692
  },
7664
7693
  {
7665
- id: "od:template:hr-onboarding",
7694
+ id: "template:hr-onboarding",
7666
7695
  kind: "template",
7667
7696
  name: "Hr Onboarding",
7668
7697
  description: `A new-hire onboarding plan as a single page \u2014 first week schedule, buddy + manager intro, learning track, equipment checklist, and "you're set when\u2026" outcomes.`,
7669
- source: { path: "design-templates/hr-onboarding" }
7698
+ source: { path: "design-templates/hr-onboarding" },
7699
+ targets: ["docs-design"]
7670
7700
  },
7671
7701
  {
7672
- id: "od:template:html-ppt",
7702
+ id: "template:html-ppt",
7673
7703
  kind: "template",
7674
7704
  name: "HTML PPT",
7675
7705
  description: "HTML PPT Studio \u2014 static HTML presentations driven by templates. Many styles, layouts, animations, and keyboard navigation for talks, pitches, reports, and \u5C0F\u7EA2\u4E66\u56FE\u6587.",
7676
- source: { path: "design-templates/html-ppt" }
7706
+ source: { path: "design-templates/html-ppt" },
7707
+ targets: ["presentation"]
7677
7708
  },
7678
7709
  {
7679
- id: "od:template:html-ppt-course-module",
7710
+ id: "template:html-ppt-course-module",
7680
7711
  kind: "template",
7681
7712
  name: "HTML PPT Course Module",
7682
7713
  description: "Online-course / workshop module deck \u2014 warm paper background + Playfair serif, persistent left sidebar of learning objectives, MCQ self-check page. Use for teaching modules, training materials, workshop slides.",
7683
- source: { path: "design-templates/html-ppt-course-module" }
7714
+ source: { path: "design-templates/html-ppt-course-module" },
7715
+ targets: ["presentation"]
7684
7716
  },
7685
7717
  {
7686
- id: "od:template:html-ppt-dir-key-nav-minimal",
7718
+ id: "template:html-ppt-dir-key-nav-minimal",
7687
7719
  kind: "template",
7688
7720
  name: "HTML PPT Dir Key Nav Minimal",
7689
7721
  description: "\u6781\u7B80\u65B9\u5411\u952E keynote \u2014 \u6BCF\u9875\u72EC\u7ACB\u5355\u8272\u80CC\u666F\u3001160px display \u6807\u9898\u30014px accent \u7EBF\u3001\u7BAD\u5934 \u2192 \u524D\u7F00 Mono \u5217\u8868\u3001\u2190 \u2192 kbd \u63D0\u793A\u3002\u9002\u5408 keynote\u3001launch\u3001\u516C\u5F00\u6F14\u8BB2\u3002",
7690
- source: { path: "design-templates/html-ppt-dir-key-nav-minimal" }
7722
+ source: { path: "design-templates/html-ppt-dir-key-nav-minimal" },
7723
+ targets: ["presentation"]
7691
7724
  },
7692
7725
  {
7693
- id: "od:template:html-ppt-hermes-cyber-terminal",
7726
+ id: "template:html-ppt-hermes-cyber-terminal",
7694
7727
  kind: "template",
7695
7728
  name: "HTML PPT Hermes Cyber Terminal",
7696
7729
  description: "\u6697\u7EC8\u7AEF honest-review deck \u2014 \u9ED1\u5E95 + \u8D5B\u535A\u7F51\u683C + CRT \u6697\u89D2 + \u626B\u63CF\u7EBF\u3001`$ prompt` \u547D\u4EE4\u884C\u6807\u9898\u3001\u8584\u8377\u7EFF\u5927\u5B57\u3001JetBrains Mono\u3001stroke-only \u67F1\u72B6\u56FE\u3002\u9002\u5408 CLI/agent/dev tool \u6D4B\u8BC4\u3002",
7697
- source: { path: "design-templates/html-ppt-hermes-cyber-terminal" }
7730
+ source: { path: "design-templates/html-ppt-hermes-cyber-terminal" },
7731
+ targets: ["presentation"]
7698
7732
  },
7699
7733
  {
7700
- id: "od:template:html-ppt-knowledge-arch-blueprint",
7734
+ id: "template:html-ppt-knowledge-arch-blueprint",
7701
7735
  kind: "template",
7702
7736
  name: "HTML PPT Knowledge Arch Blueprint",
7703
7737
  description: "\u5976\u6CB9\u84DD\u56FE\u67B6\u6784 deck \u2014 \u5976\u6CB9\u7EB8\u5E95\u8272 + \u5355\u4E00\u9508\u7EA2\u9AD8\u4EAE\u300148px \u84DD\u56FE\u7F51\u683C\u30012px \u9ED1\u8FB9\u786C\u5361\u7247\u3001pipeline \u6B65\u9AA4\u76D2\u3001\u53F3\u4FA7 insight callout\u3001Playfair \u886C\u7EBF\u5927\u5B57\u3002\u96F6\u6E10\u53D8\u96F6\u8F6F\u9634\u5F71\u3002",
7704
- source: { path: "design-templates/html-ppt-knowledge-arch-blueprint" }
7738
+ source: { path: "design-templates/html-ppt-knowledge-arch-blueprint" },
7739
+ targets: ["presentation"]
7705
7740
  },
7706
7741
  {
7707
- id: "od:template:html-ppt-obsidian-claude-gradient",
7742
+ id: "template:html-ppt-obsidian-claude-gradient",
7708
7743
  kind: "template",
7709
7744
  name: "HTML PPT Obsidian Claude Gradient",
7710
7745
  description: "GitHub \u6697\u7D2B\u6E10\u53D8 deck \u2014 GitHub-dark + \u7D2B\u84DD radial \u73AF\u5883\u5149 + 60px \u7F51\u683C\u3001\u7D2B\u8272 pill \u6807\u7B7E\u3001\u4E09\u8272\u6E10\u53D8\u6807\u9898\u3001GitHub \u98CE\u4EE3\u7801 palette\u3002\u9002\u5408\u5F00\u53D1\u8005\u5DE5\u4F5C\u6D41 / MCP / Agent \u6559\u7A0B\u3002",
7711
- source: { path: "design-templates/html-ppt-obsidian-claude-gradient" }
7746
+ source: { path: "design-templates/html-ppt-obsidian-claude-gradient" },
7747
+ targets: ["presentation"]
7712
7748
  },
7713
7749
  {
7714
- id: "od:template:html-ppt-pitch-deck",
7750
+ id: "template:html-ppt-pitch-deck",
7715
7751
  kind: "template",
7716
7752
  name: "HTML PPT Pitch Deck",
7717
7753
  description: "Investor-ready 10-slide HTML pitch deck \u2014 white + blue\u2192purple gradient hero, big numbers, traction bar chart, $4.5M-style ask page.",
7718
- source: { path: "design-templates/html-ppt-pitch-deck" }
7754
+ source: { path: "design-templates/html-ppt-pitch-deck" },
7755
+ targets: ["presentation"]
7719
7756
  },
7720
7757
  {
7721
- id: "od:template:html-ppt-presenter-mode-reveal",
7758
+ id: "template:html-ppt-presenter-mode-reveal",
7722
7759
  kind: "template",
7723
7760
  name: "HTML PPT Presenter Mode Reveal",
7724
7761
  description: "\u6F14\u8BB2\u8005\u6A21\u5F0F deck \u2014 tokyo-night \u9ED8\u8BA4\u4E3B\u9898\uFF0C5 \u5957\u4E3B\u9898 T \u952E\u5207\u6362\uFF0C\u6BCF\u9875\u5E26 150-300 \u5B57\u9010\u5B57\u7A3F\u793A\u4F8B\uFF0C\u6309 S \u6253\u5F00 CURRENT/NEXT/SCRIPT/TIMER \u56DB\u5F20\u78C1\u5438\u5361\u7247\u3002\u9002\u5408\u63D0\u8BCD\u5668\u573A\u666F\u3002",
7725
- source: { path: "design-templates/html-ppt-presenter-mode-reveal" }
7762
+ source: { path: "design-templates/html-ppt-presenter-mode-reveal" },
7763
+ targets: ["presentation"]
7726
7764
  },
7727
7765
  {
7728
- id: "od:template:html-ppt-product-launch",
7766
+ id: "template:html-ppt-product-launch",
7729
7767
  kind: "template",
7730
7768
  name: "HTML PPT Product Launch",
7731
7769
  description: "Launch keynote deck \u2014 dark hero + light content, warm orange\u2192peach accent, feature cards, pricing tiers, CTA.",
7732
- source: { path: "design-templates/html-ppt-product-launch" }
7770
+ source: { path: "design-templates/html-ppt-product-launch" },
7771
+ targets: ["presentation"]
7733
7772
  },
7734
7773
  {
7735
- id: "od:template:html-ppt-taste-brutalist",
7774
+ id: "template:html-ppt-taste-brutalist",
7736
7775
  kind: "template",
7737
7776
  name: "HTML PPT Taste Brutalist",
7738
7777
  description: "16:9 HTML deck in tactical-telemetry / CRT-terminal taste. Deactivated-CRT charcoal slides, white-phosphor monospace, hazard-red accent, scanline overlay, ASCII syntax, density over decoration. Distilled from Leonxlnx/taste-skill `brutal\u2026",
7739
- source: { path: "design-templates/html-ppt-taste-brutalist" }
7778
+ source: { path: "design-templates/html-ppt-taste-brutalist" },
7779
+ targets: ["presentation"]
7740
7780
  },
7741
7781
  {
7742
- id: "od:template:html-ppt-taste-editorial",
7782
+ id: "template:html-ppt-taste-editorial",
7743
7783
  kind: "template",
7744
7784
  name: "HTML PPT Taste Editorial",
7745
7785
  description: "16:9 HTML deck in editorial-minimalist taste. Warm cream slides, serif display + grotesque body, hairline rules, monospace meta, generous macro-whitespace, one accent. Distilled from Leonxlnx/taste-skill `minimalist-skill`.",
7746
- source: { path: "design-templates/html-ppt-taste-editorial" }
7786
+ source: { path: "design-templates/html-ppt-taste-editorial" },
7787
+ targets: ["presentation"]
7747
7788
  },
7748
7789
  {
7749
- id: "od:template:html-ppt-tech-sharing",
7790
+ id: "template:html-ppt-tech-sharing",
7750
7791
  kind: "template",
7751
7792
  name: "HTML PPT Tech Sharing",
7752
7793
  description: "Conference / internal tech-talk deck \u2014 GitHub-dark, JetBrains Mono, terminal code blocks, agenda + Q&A pages. Use for engineering presentations, internal sharing sessions, conference talks, and code-heavy walkthroughs.",
7753
- source: { path: "design-templates/html-ppt-tech-sharing" }
7794
+ source: { path: "design-templates/html-ppt-tech-sharing" },
7795
+ targets: ["presentation"]
7754
7796
  },
7755
7797
  {
7756
- id: "od:template:html-ppt-testing-safety-alert",
7798
+ id: "template:html-ppt-testing-safety-alert",
7757
7799
  kind: "template",
7758
7800
  name: "HTML PPT Testing Safety Alert",
7759
7801
  description: "\u7EA2\u7425\u73C0\u8B66\u793A deck \u2014 \u9876/\u5E95 45\xB0 \u7EA2\u9ED1 hazard \u6761\u7EB9\u3001\u7EA2\u8272\u5426\u5B9A\u6807\u9898\u3001L1/L2/L3 \u4E09\u6863\u5361\u7247\u3001policy-yaml \u4EE3\u7801\u5757\u3001\u7EA2\u7EFF checklist\u3001\u4E8B\u6545\u5806\u53E0\u67F1\u72B6\u56FE\u3002\u9002\u5408\u5B89\u5168 / \u98CE\u9669 / \u590D\u76D8 / \u7EA2\u961F\u3002",
7760
- source: { path: "design-templates/html-ppt-testing-safety-alert" }
7802
+ source: { path: "design-templates/html-ppt-testing-safety-alert" },
7803
+ targets: ["presentation"]
7761
7804
  },
7762
7805
  {
7763
- id: "od:template:html-ppt-weekly-report",
7806
+ id: "template:html-ppt-weekly-report",
7764
7807
  kind: "template",
7765
7808
  name: "HTML PPT Weekly Report",
7766
7809
  description: "Team weekly / status-update deck \u2014 corporate clarity, 8-cell KPI grid, shipped list, 8-week bar chart, next-week table. Use for \u5468\u62A5, business reviews, team status updates, and exec dashboards.",
7767
- source: { path: "design-templates/html-ppt-weekly-report" }
7810
+ source: { path: "design-templates/html-ppt-weekly-report" },
7811
+ targets: ["presentation", "report"]
7768
7812
  },
7769
7813
  {
7770
- id: "od:template:html-ppt-xhs-pastel-card",
7814
+ id: "template:html-ppt-xhs-pastel-card",
7771
7815
  kind: "template",
7772
7816
  name: "HTML PPT Xhs Pastel Card",
7773
7817
  description: "\u67D4\u548C\u9A6C\u5361\u9F99\u6162\u751F\u6D3B deck \u2014 \u5976\u6CB9\u5E95 + \u67D4\u5149 blob\u3001Playfair \u659C\u4F53 + sans \u6B63\u6587\u300128px \u5706\u89D2\u9A6C\u5361\u9F99\u5361\u7247\u3001SVG donut \u56FE\u3001chip+page \u9876\u680F\u3002\u9002\u5408\u751F\u6D3B\u65B9\u5F0F / \u4E2A\u4EBA\u6210\u957F / \u6162\u751F\u6D3B\u5185\u5BB9\u3002",
7774
- source: { path: "design-templates/html-ppt-xhs-pastel-card" }
7818
+ source: { path: "design-templates/html-ppt-xhs-pastel-card" },
7819
+ targets: ["presentation", "poster"]
7775
7820
  },
7776
7821
  {
7777
- id: "od:template:html-ppt-xhs-post",
7822
+ id: "template:html-ppt-xhs-post",
7778
7823
  kind: "template",
7779
7824
  name: "HTML PPT Xhs Post",
7780
7825
  description: "\u5C0F\u7EA2\u4E66 / Instagram \u98CE 9 \u9875 3:4 \u7AD6\u7248\u56FE\u6587\uFF08810\xD71080\uFF09\u2014 \u6696\u8272 pastel\u3001\u865A\u7EBF sticker \u5361\u7247\u3001\u5E95\u90E8\u9875\u7801\u70B9\u70B9\u3002",
7781
- source: { path: "design-templates/html-ppt-xhs-post" }
7826
+ source: { path: "design-templates/html-ppt-xhs-post" },
7827
+ targets: ["presentation", "poster"]
7782
7828
  },
7783
7829
  {
7784
- id: "od:template:html-ppt-xhs-white-editorial",
7830
+ id: "template:html-ppt-xhs-white-editorial",
7785
7831
  kind: "template",
7786
7832
  name: "HTML PPT Xhs White Editorial",
7787
7833
  description: "\u767D\u5E95\u6742\u5FD7\u98CE deck \u2014 \u7EAF\u767D + \u9876\u90E8 10 \u8272\u5F69\u8679 bar\u300180-110px display \u6807\u9898\u3001\u7D2B\u2192\u84DD\u2192\u7EFF\u2192\u6A59\u2192\u7C89\u6E10\u53D8\u6587\u5B57\u3001\u9A6C\u5361\u9F99\u8F6F\u5361\u7247\u7EC4\u3001\u9ED1\u5E95\u767D\u5B57 .focus pill\u3002\u5C0F\u7EA2\u4E66\u56FE\u6587 + \u6A2A\u7248 PPT \u53CC\u7528\u3002",
7788
- source: { path: "design-templates/html-ppt-xhs-white-editorial" }
7834
+ source: { path: "design-templates/html-ppt-xhs-white-editorial" },
7835
+ targets: ["presentation", "poster"]
7789
7836
  },
7790
7837
  {
7791
- id: "od:template:html-ppt-zhangzara-8-bit-orbit",
7838
+ id: "template:html-ppt-zhangzara-8-bit-orbit",
7792
7839
  kind: "template",
7793
7840
  name: "HTML PPT Zhangzara 8 Bit Orbit",
7794
7841
  description: "8-Bit Orbit \u2014 pixel-art neon arcade aesthetic on a deep navy void. For cyberpunk, gaming, web3, indie dev tools, hackathon demos that should feel like a CRT screen at 2am.",
7795
- source: { path: "design-templates/html-ppt-zhangzara-8-bit-orbit" }
7842
+ source: { path: "design-templates/html-ppt-zhangzara-8-bit-orbit" },
7843
+ targets: ["presentation"]
7796
7844
  },
7797
7845
  {
7798
- id: "od:template:html-ppt-zhangzara-biennale-yellow",
7846
+ id: "template:html-ppt-zhangzara-biennale-yellow",
7799
7847
  kind: "template",
7800
7848
  name: "HTML PPT Zhangzara Biennale Yellow",
7801
7849
  description: "Biennale Yellow \u2014 solar yellow on warm parchment with deep indigo serif and sun-glow gradients. For art-biennale posters, museum programmes, curatorial pitches, literary publications.",
7802
- source: { path: "design-templates/html-ppt-zhangzara-biennale-yellow" }
7850
+ source: { path: "design-templates/html-ppt-zhangzara-biennale-yellow" },
7851
+ targets: ["presentation", "poster"]
7803
7852
  },
7804
7853
  {
7805
- id: "od:template:html-ppt-zhangzara-block-frame",
7854
+ id: "template:html-ppt-zhangzara-block-frame",
7806
7855
  kind: "template",
7807
7856
  name: "HTML PPT Zhangzara Block Frame",
7808
7857
  description: "BlockFrame \u2014 neobrutalist deck with pastel-neon color blocks and chunky black borders. Pop-graphic and design-led for indie SaaS launches, agency credentials, brand redesigns.",
7809
- source: { path: "design-templates/html-ppt-zhangzara-block-frame" }
7858
+ source: { path: "design-templates/html-ppt-zhangzara-block-frame" },
7859
+ targets: ["presentation"]
7810
7860
  },
7811
7861
  {
7812
- id: "od:template:html-ppt-zhangzara-blue-professional",
7862
+ id: "template:html-ppt-zhangzara-blue-professional",
7813
7863
  kind: "template",
7814
7864
  name: "HTML PPT Zhangzara Blue Professional",
7815
7865
  description: "Blue Professional \u2014 cream paper background with electric cobalt blue accents; clean modern professional. For B2B SaaS pitches, consulting deliverables, advisory updates, investor reports.",
7816
- source: { path: "design-templates/html-ppt-zhangzara-blue-professional" }
7866
+ source: { path: "design-templates/html-ppt-zhangzara-blue-professional" },
7867
+ targets: ["presentation"]
7817
7868
  },
7818
7869
  {
7819
- id: "od:template:html-ppt-zhangzara-bold-poster",
7870
+ id: "template:html-ppt-zhangzara-bold-poster",
7820
7871
  kind: "template",
7821
7872
  name: "HTML PPT Zhangzara Bold Poster",
7822
7873
  description: "Bold Poster \u2014 editorial poster aesthetic with massive Shrikhand display and a single fire-engine red accent. For magazine-cover brand manifestos and editorial / cultural pitches.",
7823
- source: { path: "design-templates/html-ppt-zhangzara-bold-poster" }
7874
+ source: { path: "design-templates/html-ppt-zhangzara-bold-poster" },
7875
+ targets: ["presentation", "poster"]
7824
7876
  },
7825
7877
  {
7826
- id: "od:template:html-ppt-zhangzara-broadside",
7878
+ id: "template:html-ppt-zhangzara-broadside",
7827
7879
  kind: "template",
7828
7880
  name: "HTML PPT Zhangzara Broadside",
7829
7881
  description: "Broadside \u2014 dark editorial canvas with a single fire orange accent and bilingual Latin/Chinese type stack. For manifestos, magazine pitches, design talks, bilingual EN/CN decks.",
7830
- source: { path: "design-templates/html-ppt-zhangzara-broadside" }
7882
+ source: { path: "design-templates/html-ppt-zhangzara-broadside" },
7883
+ targets: ["presentation"]
7831
7884
  },
7832
7885
  {
7833
- id: "od:template:html-ppt-zhangzara-capsule",
7886
+ id: "template:html-ppt-zhangzara-capsule",
7834
7887
  kind: "template",
7835
7888
  name: "HTML PPT Zhangzara Capsule",
7836
7889
  description: "Capsule \u2014 modular pill-shaped cards on warm bone with a full pastel-pop palette. For lifestyle brands, creator portfolios, DTC launches, beauty / wellness, agency credentials.",
7837
- source: { path: "design-templates/html-ppt-zhangzara-capsule" }
7890
+ source: { path: "design-templates/html-ppt-zhangzara-capsule" },
7891
+ targets: ["presentation"]
7838
7892
  },
7839
7893
  {
7840
- id: "od:template:html-ppt-zhangzara-cartesian",
7894
+ id: "template:html-ppt-zhangzara-cartesian",
7841
7895
  kind: "template",
7842
7896
  name: "HTML PPT Zhangzara Cartesian",
7843
7897
  description: "Cartesian \u2014 quiet warm-neutral palette with classical Playfair serifs; tasteful and unhurried. For investment theses, white papers, advisory work, longform research, gallery decks.",
7844
- source: { path: "design-templates/html-ppt-zhangzara-cartesian" }
7898
+ source: { path: "design-templates/html-ppt-zhangzara-cartesian" },
7899
+ targets: ["presentation"]
7845
7900
  },
7846
7901
  {
7847
- id: "od:template:html-ppt-zhangzara-cobalt-grid",
7902
+ id: "template:html-ppt-zhangzara-cobalt-grid",
7848
7903
  kind: "template",
7849
7904
  name: "HTML PPT Zhangzara Cobalt Grid",
7850
7905
  description: "Cobalt Grid \u2014 electric cobalt italic serifs on a graph-paper canvas with stair-stepped pixel-glitch decorations. For design / research bulletins, art publications, curated trend reports.",
7851
- source: { path: "design-templates/html-ppt-zhangzara-cobalt-grid" }
7906
+ source: { path: "design-templates/html-ppt-zhangzara-cobalt-grid" },
7907
+ targets: ["presentation"]
7852
7908
  },
7853
7909
  {
7854
- id: "od:template:html-ppt-zhangzara-coral",
7910
+ id: "template:html-ppt-zhangzara-coral",
7855
7911
  kind: "template",
7856
7912
  name: "HTML PPT Zhangzara Coral",
7857
7913
  description: "Coral \u2014 cream and coral on near-black, set in oversized Bebas Neue. Warm-graphic editorial for fashion, beauty, fitness, F&B, lifestyle brands, agency credentials.",
7858
- source: { path: "design-templates/html-ppt-zhangzara-coral" }
7914
+ source: { path: "design-templates/html-ppt-zhangzara-coral" },
7915
+ targets: ["presentation"]
7859
7916
  },
7860
7917
  {
7861
- id: "od:template:html-ppt-zhangzara-creative-mode",
7918
+ id: "template:html-ppt-zhangzara-creative-mode",
7862
7919
  kind: "template",
7863
7920
  name: "HTML PPT Zhangzara Creative Mode",
7864
7921
  description: "Creative Mode \u2014 cream paper canvas with confident multi-color accents and Archivo Black display. For creative agency pitches, design studio decks, ad credentials, brand creative reviews.",
7865
- source: { path: "design-templates/html-ppt-zhangzara-creative-mode" }
7922
+ source: { path: "design-templates/html-ppt-zhangzara-creative-mode" },
7923
+ targets: ["presentation"]
7866
7924
  },
7867
7925
  {
7868
- id: "od:template:html-ppt-zhangzara-daisy-days",
7926
+ id: "template:html-ppt-zhangzara-daisy-days",
7869
7927
  kind: "template",
7870
7928
  name: "HTML PPT Zhangzara Daisy Days",
7871
7929
  description: "Daisy Days \u2014 cheerful pastel deck with hand-drawn daisies, stars, and rainbows. Friendly, soft, and warm for educational content, kids and family, wellness, community workshops.",
7872
- source: { path: "design-templates/html-ppt-zhangzara-daisy-days" }
7930
+ source: { path: "design-templates/html-ppt-zhangzara-daisy-days" },
7931
+ targets: ["presentation"]
7873
7932
  },
7874
7933
  {
7875
- id: "od:template:html-ppt-zhangzara-editorial-tri-tone",
7934
+ id: "template:html-ppt-zhangzara-editorial-tri-tone",
7876
7935
  kind: "template",
7877
7936
  name: "HTML PPT Zhangzara Editorial Tri Tone",
7878
7937
  description: "Editorial Tri-Tone \u2014 three-color editorial: dusty pink, mustard cream, deep burgundy; Bricolage + Instrument Serif. For fashion-magazine spreads, brand decks, lifestyle media.",
7879
- source: { path: "design-templates/html-ppt-zhangzara-editorial-tri-tone" }
7938
+ source: { path: "design-templates/html-ppt-zhangzara-editorial-tri-tone" },
7939
+ targets: ["presentation"]
7880
7940
  },
7881
7941
  {
7882
- id: "od:template:html-ppt-zhangzara-grove",
7942
+ id: "template:html-ppt-zhangzara-grove",
7883
7943
  kind: "template",
7884
7944
  name: "HTML PPT Zhangzara Grove",
7885
7945
  description: "Grove \u2014 forest-green canvas with cream type, classical Playfair serifs, single rust accent. For sustainability and wellness brands, outdoor products, wineries, advisory deliverables.",
7886
- source: { path: "design-templates/html-ppt-zhangzara-grove" }
7946
+ source: { path: "design-templates/html-ppt-zhangzara-grove" },
7947
+ targets: ["presentation"]
7887
7948
  },
7888
7949
  {
7889
- id: "od:template:html-ppt-zhangzara-long-table",
7950
+ id: "template:html-ppt-zhangzara-long-table",
7890
7951
  kind: "template",
7891
7952
  name: "HTML PPT Zhangzara Long Table",
7892
7953
  description: "Long Table \u2014 warm cream and rust-red supper-club aesthetic with bold uppercase grotesk headlines and italic Fraunces. For supper clubs, dinner series, lifestyle and wine brands.",
7893
- source: { path: "design-templates/html-ppt-zhangzara-long-table" }
7954
+ source: { path: "design-templates/html-ppt-zhangzara-long-table" },
7955
+ targets: ["presentation"]
7894
7956
  },
7895
7957
  {
7896
- id: "od:template:html-ppt-zhangzara-mat",
7958
+ id: "template:html-ppt-zhangzara-mat",
7897
7959
  kind: "template",
7898
7960
  name: "HTML PPT Zhangzara Mat",
7899
7961
  description: "Mat \u2014 dark sage canvas with bone paper and burnt-orange accent; mid-century modern with wood undertones. For architecture/interior brands, ceramics, craft, furniture, advisory decks.",
7900
- source: { path: "design-templates/html-ppt-zhangzara-mat" }
7962
+ source: { path: "design-templates/html-ppt-zhangzara-mat" },
7963
+ targets: ["presentation"]
7901
7964
  },
7902
7965
  {
7903
- id: "od:template:html-ppt-zhangzara-monochrome",
7966
+ id: "template:html-ppt-zhangzara-monochrome",
7904
7967
  kind: "template",
7905
7968
  name: "HTML PPT Zhangzara Monochrome",
7906
7969
  description: "Monochrome \u2014 ivory ledger paper with all-black type; Lora serif headlines, Jost body, no color. For research synthesis, white papers, longform reports, bilingual EN/CN deliverables.",
7907
- source: { path: "design-templates/html-ppt-zhangzara-monochrome" }
7970
+ source: { path: "design-templates/html-ppt-zhangzara-monochrome" },
7971
+ targets: ["presentation"]
7908
7972
  },
7909
7973
  {
7910
- id: "od:template:html-ppt-zhangzara-neo-grid-bold",
7974
+ id: "template:html-ppt-zhangzara-neo-grid-bold",
7911
7975
  kind: "template",
7912
7976
  name: "HTML PPT Zhangzara Neo Grid Bold",
7913
7977
  description: "Neo-Grid Bold \u2014 editorial neo-brutalism with a single neon yellow accent on off-white paper. For design-led pitches, brand work, founder talks, conference keynotes.",
7914
- source: { path: "design-templates/html-ppt-zhangzara-neo-grid-bold" }
7978
+ source: { path: "design-templates/html-ppt-zhangzara-neo-grid-bold" },
7979
+ targets: ["presentation"]
7915
7980
  },
7916
7981
  {
7917
- id: "od:template:html-ppt-zhangzara-peoples-platform",
7982
+ id: "template:html-ppt-zhangzara-peoples-platform",
7918
7983
  kind: "template",
7919
7984
  name: "HTML PPT Zhangzara Peoples Platform",
7920
7985
  description: "People's Platform (Block & Bold) \u2014 activist poster energy: blue, orange, red on cream, with Alfa Slab + Caveat Brush. For cultural commentary, manifestos, civic decks, campaign pitches.",
7921
- source: { path: "design-templates/html-ppt-zhangzara-peoples-platform" }
7986
+ source: { path: "design-templates/html-ppt-zhangzara-peoples-platform" },
7987
+ targets: ["presentation"]
7922
7988
  },
7923
7989
  {
7924
- id: "od:template:html-ppt-zhangzara-pin-and-paper",
7990
+ id: "template:html-ppt-zhangzara-pin-and-paper",
7925
7991
  kind: "template",
7926
7992
  name: "HTML PPT Zhangzara Pin And Paper",
7927
7993
  description: "Pin & Paper \u2014 yellow paper with safety-pin illustrations, ink-blue handwritten Caveat, paper-grain texture. For qualitative research, founder reflections, longform brand stories.",
7928
- source: { path: "design-templates/html-ppt-zhangzara-pin-and-paper" }
7994
+ source: { path: "design-templates/html-ppt-zhangzara-pin-and-paper" },
7995
+ targets: ["presentation"]
7929
7996
  },
7930
7997
  {
7931
- id: "od:template:html-ppt-zhangzara-pink-script",
7998
+ id: "template:html-ppt-zhangzara-pink-script",
7932
7999
  kind: "template",
7933
8000
  name: "HTML PPT Zhangzara Pink Script",
7934
8001
  description: "Pink Script (After Hours) \u2014 black canvas, hot pink accent, pearl-cream paper, Instrument Serif. Late-night editorial luxury for fashion, creator brands, nightlife, and luxury reveals.",
7935
- source: { path: "design-templates/html-ppt-zhangzara-pink-script" }
8002
+ source: { path: "design-templates/html-ppt-zhangzara-pink-script" },
8003
+ targets: ["presentation"]
7936
8004
  },
7937
8005
  {
7938
- id: "od:template:html-ppt-zhangzara-playful",
8006
+ id: "template:html-ppt-zhangzara-playful",
7939
8007
  kind: "template",
7940
8008
  name: "HTML PPT Zhangzara Playful",
7941
8009
  description: "Playful \u2014 sun-warm peach background with Syne display: a friendly indie launch deck. For creator portfolios, indie product launches, lifestyle brands, small-business pitches.",
7942
- source: { path: "design-templates/html-ppt-zhangzara-playful" }
8010
+ source: { path: "design-templates/html-ppt-zhangzara-playful" },
8011
+ targets: ["presentation"]
7943
8012
  },
7944
8013
  {
7945
- id: "od:template:html-ppt-zhangzara-raw-grid",
8014
+ id: "template:html-ppt-zhangzara-raw-grid",
7946
8015
  kind: "template",
7947
8016
  name: "HTML PPT Zhangzara Raw Grid",
7948
8017
  description: "Raw Grid \u2014 neo-brutalist deck with thick borders, offset shadows, and a pink/sage/ink palette. For founder pitches, accelerator demos, brand decks, indie launches, creator portfolios.",
7949
- source: { path: "design-templates/html-ppt-zhangzara-raw-grid" }
8018
+ source: { path: "design-templates/html-ppt-zhangzara-raw-grid" },
8019
+ targets: ["presentation"]
7950
8020
  },
7951
8021
  {
7952
- id: "od:template:html-ppt-zhangzara-retro-windows",
8022
+ id: "template:html-ppt-zhangzara-retro-windows",
7953
8023
  kind: "template",
7954
8024
  name: "HTML PPT Zhangzara Retro Windows",
7955
8025
  description: "Retro Windows \u2014 Windows 95 chrome: gray title bars, MS Sans Serif, pixel typography, full nostalgia. For retro gaming, Y2K-aesthetic brands, creator portfolios, tech-history talks.",
7956
- source: { path: "design-templates/html-ppt-zhangzara-retro-windows" }
8026
+ source: { path: "design-templates/html-ppt-zhangzara-retro-windows" },
8027
+ targets: ["presentation"]
7957
8028
  },
7958
8029
  {
7959
- id: "od:template:html-ppt-zhangzara-sakura-chroma",
8030
+ id: "template:html-ppt-zhangzara-sakura-chroma",
7960
8031
  kind: "template",
7961
8032
  name: "HTML PPT Zhangzara Sakura Chroma",
7962
8033
  description: "Sakura Chroma \u2014 vintage Japanese cassette-package aesthetic: cream paper, diagonal rainbow ribbons, condensed bold type, JIS-style spec checkboxes. For analog / kawaii-tech decks.",
7963
- source: { path: "design-templates/html-ppt-zhangzara-sakura-chroma" }
8034
+ source: { path: "design-templates/html-ppt-zhangzara-sakura-chroma" },
8035
+ targets: ["presentation"]
7964
8036
  },
7965
8037
  {
7966
- id: "od:template:html-ppt-zhangzara-scatterbrain",
8038
+ id: "template:html-ppt-zhangzara-scatterbrain",
7967
8039
  kind: "template",
7968
8040
  name: "HTML PPT Zhangzara Scatterbrain",
7969
8041
  description: "Scatterbrain \u2014 Post-it inspired: pastel sticky notes, Caveat handwriting, Shrikhand + Zilla Slab. For brainstorms, workshops, creative-agency credentials, ideation pitches.",
7970
- source: { path: "design-templates/html-ppt-zhangzara-scatterbrain" }
8042
+ source: { path: "design-templates/html-ppt-zhangzara-scatterbrain" },
8043
+ targets: ["presentation"]
7971
8044
  },
7972
8045
  {
7973
- id: "od:template:html-ppt-zhangzara-signal",
8046
+ id: "template:html-ppt-zhangzara-signal",
7974
8047
  kind: "template",
7975
8048
  name: "HTML PPT Zhangzara Signal",
7976
8049
  description: "Signal \u2014 deep navy canvas with bone paper and a single muted-gold accent; institutional with quiet weight. For investor decks, board presentations, consulting deliverables, legal briefs.",
7977
- source: { path: "design-templates/html-ppt-zhangzara-signal" }
8050
+ source: { path: "design-templates/html-ppt-zhangzara-signal" },
8051
+ targets: ["presentation"]
7978
8052
  },
7979
8053
  {
7980
- id: "od:template:html-ppt-zhangzara-soft-editorial",
8054
+ id: "template:html-ppt-zhangzara-soft-editorial",
7981
8055
  kind: "template",
7982
8056
  name: "HTML PPT Zhangzara Soft Editorial",
7983
8057
  description: "Soft Editorial \u2014 Cormorant Garamond serif on warm paper with sage, blush, and lemon accents. For literary brand stories, gallery decks, advisory deliverables, lifestyle media.",
7984
- source: { path: "design-templates/html-ppt-zhangzara-soft-editorial" }
8058
+ source: { path: "design-templates/html-ppt-zhangzara-soft-editorial" },
8059
+ targets: ["presentation"]
7985
8060
  },
7986
8061
  {
7987
- id: "od:template:html-ppt-zhangzara-stencil-tablet",
8062
+ id: "template:html-ppt-zhangzara-stencil-tablet",
7988
8063
  kind: "template",
7989
8064
  name: "HTML PPT Zhangzara Stencil Tablet",
7990
8065
  description: "Stencil & Tablet \u2014 bone paper with stencil-cut headlines and a six-color earth palette. Archaeology meets brand: museum decks, art/architecture brands, heritage and craft work.",
7991
- source: { path: "design-templates/html-ppt-zhangzara-stencil-tablet" }
8066
+ source: { path: "design-templates/html-ppt-zhangzara-stencil-tablet" },
8067
+ targets: ["presentation"]
7992
8068
  },
7993
8069
  {
7994
- id: "od:template:html-ppt-zhangzara-studio",
8070
+ id: "template:html-ppt-zhangzara-studio",
7995
8071
  kind: "template",
7996
8072
  name: "HTML PPT Zhangzara Studio",
7997
8073
  description: "Studio \u2014 black canvas with electric-yellow type; high-voltage design studio aesthetic. For studio credentials, creative agency pitches, brand showcases, fashion / sneaker work.",
7998
- source: { path: "design-templates/html-ppt-zhangzara-studio" }
8074
+ source: { path: "design-templates/html-ppt-zhangzara-studio" },
8075
+ targets: ["presentation"]
7999
8076
  },
8000
8077
  {
8001
- id: "od:template:html-ppt-zhangzara-vellum",
8078
+ id: "template:html-ppt-zhangzara-vellum",
8002
8079
  kind: "template",
8003
8080
  name: "HTML PPT Zhangzara Vellum",
8004
8081
  description: "Vellum \u2014 deep navy canvas with warm-yellow italic Cormorant serifs and a single dusty teal accent. Quiet, scholarly aesthetic for research synthesis, white papers, advisory work.",
8005
- source: { path: "design-templates/html-ppt-zhangzara-vellum" }
8082
+ source: { path: "design-templates/html-ppt-zhangzara-vellum" },
8083
+ targets: ["presentation"]
8006
8084
  },
8007
8085
  {
8008
- id: "od:template:hyperframes",
8086
+ id: "template:hyperframes",
8009
8087
  kind: "template",
8010
8088
  name: "Hyperframes",
8011
8089
  description: "HTML video composition skill \u2014 captions, voiceover, audio-reactive animation, scene transitions, and timing in HyperFrames HTML. For CLI commands see hyperframes-cli.",
8012
- source: { path: "design-templates/hyperframes" }
8090
+ source: { path: "design-templates/hyperframes" },
8091
+ targets: ["intro-video"]
8013
8092
  },
8014
8093
  {
8015
- id: "od:template:ib-pitch-book",
8094
+ id: "template:ib-pitch-book",
8016
8095
  kind: "template",
8017
8096
  name: "Ib Pitch Book",
8018
8097
  description: "Investment-banking pitch book \u2014 trading comps, precedent transactions, valuation football field, DCF sensitivity, strategic-options matrix. For Board / sell-side discussion materials.",
8019
- source: { path: "design-templates/ib-pitch-book" }
8098
+ source: { path: "design-templates/ib-pitch-book" },
8099
+ targets: ["report", "presentation"]
8020
8100
  },
8021
8101
  {
8022
- id: "od:template:image-poster",
8102
+ id: "template:image-poster",
8023
8103
  kind: "template",
8024
8104
  name: "Image Poster",
8025
8105
  description: "Single-image generation skill for posters, key art, and editorial illustrations. Defaults to gpt-image-2 but is provider-agnostic \u2014 the same workflow drives Flux, Imagen, or Midjourney via the active upstream tooling. Output is one or mo\u2026",
8026
- source: { path: "design-templates/image-poster" }
8106
+ source: { path: "design-templates/image-poster" },
8107
+ targets: ["poster"]
8027
8108
  },
8028
8109
  {
8029
- id: "od:template:invoice",
8110
+ id: "template:invoice",
8030
8111
  kind: "template",
8031
8112
  name: "Invoice",
8032
8113
  description: "A printable invoice page \u2014 sender + recipient block, line items table, tax breakdown, totals, and payment instructions.",
8033
- source: { path: "design-templates/invoice" }
8114
+ source: { path: "design-templates/invoice" },
8115
+ targets: ["report"]
8034
8116
  },
8035
8117
  {
8036
- id: "od:template:kami-deck",
8118
+ id: "template:kami-deck",
8037
8119
  kind: "template",
8038
8120
  name: "Kami Deck",
8039
8121
  description: "Produce a print-grade slide deck in the kami (\u7D19 / \u7EB8) design system \u2014 warm parchment background (or ink-blue for cover / chapter slides), serif at one weight, ink-blue accent \u2264 5% per slide, no italic. Horizontal magazine swipe pagination\u2026",
8040
- source: { path: "design-templates/kami-deck" }
8122
+ source: { path: "design-templates/kami-deck" },
8123
+ targets: ["presentation"]
8041
8124
  },
8042
8125
  {
8043
- id: "od:template:kami-landing",
8126
+ id: "template:kami-landing",
8044
8127
  kind: "template",
8045
8128
  name: "Kami Landing",
8046
8129
  description: "Produce a print-grade single-page kami (\u7D19 / \u7EB8) document \u2014 warm parchment canvas, ink-blue accent, serif at one weight, no italic, no cool grays. The output reads like a professional white paper or studio one-pager, not an app UI. Multili\u2026",
8047
- source: { path: "design-templates/kami-landing" }
8130
+ source: { path: "design-templates/kami-landing" },
8131
+ targets: ["website"]
8048
8132
  },
8049
8133
  {
8050
- id: "od:template:kanban-board",
8134
+ id: "template:kanban-board",
8051
8135
  kind: "template",
8052
8136
  name: "Kanban Board",
8053
8137
  description: "Kanban / task board with columns (To do / In progress / In review / Done), draggable-looking cards, assignee avatars, swimlanes, and a top filter bar.",
8054
- source: { path: "design-templates/kanban-board" }
8138
+ source: { path: "design-templates/kanban-board" },
8139
+ targets: ["dashboard-design"]
8055
8140
  },
8056
8141
  {
8057
- id: "od:template:last30days",
8142
+ id: "template:last30days",
8058
8143
  kind: "template",
8059
8144
  name: "Last30days",
8060
8145
  description: "Recent community and social trend research over the last 30 days.",
8061
- source: { path: "design-templates/last30days" }
8146
+ source: { path: "design-templates/last30days" },
8147
+ targets: ["dashboard-design", "report"]
8062
8148
  },
8063
8149
  {
8064
- id: "od:template:live-artifact",
8150
+ id: "template:live-artifact",
8065
8151
  kind: "template",
8066
8152
  name: "Live Artifact",
8067
8153
  description: "Create refreshable, auditable artifacts backed by connector or local data. Trigger when the user asks for live dashboards, refreshable reports, synced views, or reusable data-backed artifacts.",
8068
- source: { path: "design-templates/live-artifact" }
8154
+ source: { path: "design-templates/live-artifact" },
8155
+ targets: ["dashboard-design", "report", "website"]
8069
8156
  },
8070
8157
  {
8071
- id: "od:template:live-dashboard",
8158
+ id: "template:live-dashboard",
8072
8159
  kind: "template",
8073
8160
  name: "Live Dashboard",
8074
8161
  description: "Notion-style team dashboard as a Live Artifact \u2014 KPIs, 7-day sparkline, activity feed, and a linked-database task table wired to Notion via Composio. Refreshable, with mock fallback.",
8075
- source: { path: "design-templates/live-dashboard" }
8162
+ source: { path: "design-templates/live-dashboard" },
8163
+ targets: ["dashboard-design"]
8076
8164
  },
8077
8165
  {
8078
- id: "od:template:magazine-poster",
8166
+ id: "template:magazine-poster",
8079
8167
  kind: "template",
8080
8168
  name: "Magazine Poster",
8081
8169
  description: "An editorial-style poster \u2014 newsprint paper, dateline, oversized serif headline with a struck-through word and italic accent, a 2-column body block, and 6 numbered sections with annotated pull-quote captions. Reads like a Sunday-paper fu\u2026",
8082
- source: { path: "design-templates/magazine-poster" }
8170
+ source: { path: "design-templates/magazine-poster" },
8171
+ targets: ["poster"]
8083
8172
  },
8084
8173
  {
8085
- id: "od:template:meeting-notes",
8174
+ id: "template:meeting-notes",
8086
8175
  kind: "template",
8087
8176
  name: "Meeting Notes",
8088
8177
  description: 'Meeting notes page \u2014 title bar with attendees, agenda checklist, decisions block, action items table with owners + dates, and a "next meeting" footer.',
8089
- source: { path: "design-templates/meeting-notes" }
8178
+ source: { path: "design-templates/meeting-notes" },
8179
+ targets: ["docs-design"]
8090
8180
  },
8091
8181
  {
8092
- id: "od:template:mobile-onboarding",
8182
+ id: "template:mobile-onboarding",
8093
8183
  kind: "template",
8094
8184
  name: "Mobile Onboarding",
8095
8185
  description: "A multi-screen mobile onboarding flow rendered as three phone frames side by side \u2014 splash, value-prop, sign-in. Status bar, swipe dots, primary CTA.",
8096
- source: { path: "design-templates/mobile-onboarding" }
8186
+ source: { path: "design-templates/mobile-onboarding" },
8187
+ targets: ["mobile-app-design"]
8097
8188
  },
8098
8189
  {
8099
- id: "od:template:motion-frames",
8190
+ id: "template:motion-frames",
8100
8191
  kind: "template",
8101
8192
  name: "Motion Frames",
8102
8193
  description: "A single-frame motion-design composition with looping CSS animations \u2014 rotating type ring, animated globe, ticking timer, parallax labels. Renders as a hero video poster you can hand straight to HyperFrames or any keyframe-based exporter.",
8103
- source: { path: "design-templates/motion-frames" }
8194
+ source: { path: "design-templates/motion-frames" },
8195
+ targets: ["intro-video"]
8104
8196
  },
8105
8197
  {
8106
- id: "od:template:open-design-landing",
8198
+ id: "template:open-design-landing",
8107
8199
  kind: "template",
8108
8200
  name: "Editorial Landing",
8109
8201
  description: "Single-page editorial landing site in the Atelier Zero visual language (Monocle / Apartamento / \xC9tudes collage). Composes from a typed inputs.json with optional gpt-image-2 assets.",
8110
- source: { path: "design-templates/open-design-landing" }
8202
+ source: { path: "design-templates/open-design-landing" },
8203
+ targets: ["website"]
8111
8204
  },
8112
8205
  {
8113
- id: "od:template:open-design-landing-deck",
8206
+ id: "template:open-design-landing-deck",
8114
8207
  kind: "template",
8115
8208
  name: "Editorial Landing Deck",
8116
8209
  description: "Single-file slide deck in the Atelier Zero visual language \u2014 warm-paper, italic-serif emphasis, coral terminating dots, surreal collage. Horizontal swipe + ESC overview grid.",
8117
- source: { path: "design-templates/open-design-landing-deck" }
8210
+ source: { path: "design-templates/open-design-landing-deck" },
8211
+ targets: ["presentation"]
8118
8212
  },
8119
8213
  {
8120
- id: "od:template:orbit-general",
8214
+ id: "template:orbit-general",
8121
8215
  kind: "template",
8122
8216
  name: "Orbit General",
8123
8217
  description: "Open Orbit daily digest \u2014 pulls 24h activity from every connected connector (GitHub, Linear, Notion, Slack, \u2026) into a bento-grid dashboard. Invoked by the Orbit scheduler.",
8124
- source: { path: "design-templates/orbit-general" }
8218
+ source: { path: "design-templates/orbit-general" },
8219
+ targets: ["dashboard-design"]
8125
8220
  },
8126
8221
  {
8127
- id: "od:template:orbit-github",
8222
+ id: "template:orbit-github",
8128
8223
  kind: "template",
8129
8224
  name: "Orbit Github",
8130
8225
  description: "Open Orbit GitHub digest \u2014 24h of PRs, reviews, issues, CI, and merges rendered in GitHub's native Notifications + PR-diff visual language. Invoked by the Orbit scheduler.",
8131
- source: { path: "design-templates/orbit-github" }
8226
+ source: { path: "design-templates/orbit-github" },
8227
+ targets: ["dashboard-design"]
8132
8228
  },
8133
8229
  {
8134
- id: "od:template:orbit-gmail",
8230
+ id: "template:orbit-gmail",
8135
8231
  kind: "template",
8136
8232
  name: "Orbit Gmail",
8137
8233
  description: "Open Orbit Gmail digest \u2014 24h of inbox activity (replies, mentions, cc, bulk) rendered as the Orbit Daily Digest email inside Gmail's reading view. Invoked by the Orbit scheduler.",
8138
- source: { path: "design-templates/orbit-gmail" }
8234
+ source: { path: "design-templates/orbit-gmail" },
8235
+ targets: ["dashboard-design"]
8139
8236
  },
8140
8237
  {
8141
- id: "od:template:orbit-linear",
8238
+ id: "template:orbit-linear",
8142
8239
  kind: "template",
8143
8240
  name: "Orbit Linear",
8144
8241
  description: "Open Orbit Linear digest \u2014 24h of issue movement, status changes, assignments, and cycle progress in Linear's native Inbox + cycle visual language. Invoked by the Orbit scheduler.",
8145
- source: { path: "design-templates/orbit-linear" }
8242
+ source: { path: "design-templates/orbit-linear" },
8243
+ targets: ["dashboard-design"]
8146
8244
  },
8147
8245
  {
8148
- id: "od:template:orbit-notion",
8246
+ id: "template:orbit-notion",
8149
8247
  kind: "template",
8150
8248
  name: "Orbit Notion",
8151
8249
  description: "Open Orbit Notion digest \u2014 24h of doc edits, comments, mentions, and database row changes rendered as a native Notion page. Invoked by the Orbit scheduler.",
8152
- source: { path: "design-templates/orbit-notion" }
8250
+ source: { path: "design-templates/orbit-notion" },
8251
+ targets: ["dashboard-design"]
8153
8252
  },
8154
8253
  {
8155
- id: "od:template:pm-spec",
8254
+ id: "template:pm-spec",
8156
8255
  kind: "template",
8157
8256
  name: "Pm Spec",
8158
8257
  description: "Product spec / PRD as a single page \u2014 problem, success metrics, scope, user stories, design notes, rollout plan, open questions.",
8159
- source: { path: "design-templates/pm-spec" }
8258
+ source: { path: "design-templates/pm-spec" },
8259
+ targets: ["docs-design"]
8160
8260
  },
8161
8261
  {
8162
- id: "od:template:pricing-page",
8262
+ id: "template:pricing-page",
8163
8263
  kind: "template",
8164
8264
  name: "Pricing Page",
8165
8265
  description: "A standalone pricing page \u2014 header, plan tiers, feature comparison table, and an FAQ.",
8166
- source: { path: "design-templates/pricing-page" }
8266
+ source: { path: "design-templates/pricing-page" },
8267
+ targets: ["website"]
8167
8268
  },
8168
8269
  {
8169
- id: "od:template:replit-deck",
8270
+ id: "template:replit-deck",
8170
8271
  kind: "template",
8171
8272
  name: "Replit Deck",
8172
8273
  description: "Single-file horizontal-swipe HTML deck in the style of Replit Slides's landing-page template gallery. Eight distinct themes (helix, holm, vance, bevel, world-dark, world-mint, atlas, bluehouse) \u2014 each a complete visual system (palette +\u2026",
8173
- source: { path: "design-templates/replit-deck" }
8274
+ source: { path: "design-templates/replit-deck" },
8275
+ targets: ["presentation"]
8174
8276
  },
8175
8277
  {
8176
- id: "od:template:saas-landing",
8278
+ id: "template:saas-landing",
8177
8279
  kind: "template",
8178
8280
  name: "Saas Landing",
8179
8281
  description: "Single-page SaaS landing with hero, features, social proof, pricing, and CTA. Respects the active DESIGN.md color/typography/layout tokens.",
8180
- source: { path: "design-templates/saas-landing" }
8282
+ source: { path: "design-templates/saas-landing" },
8283
+ targets: ["website"]
8181
8284
  },
8182
8285
  {
8183
- id: "od:template:simple-deck",
8286
+ id: "template:simple-deck",
8184
8287
  kind: "template",
8185
8288
  name: "Simple Deck",
8186
8289
  description: "Single-file horizontal-swipe HTML deck. Built by copying the seed `assets/template.html` (which carries the proven 5-rule iframe nav script) and pasting slide layouts from `references/layouts.md`. Pitch decks, product overviews, study ma\u2026",
8187
- source: { path: "design-templates/simple-deck" }
8290
+ source: { path: "design-templates/simple-deck" },
8291
+ targets: ["presentation"]
8188
8292
  },
8189
8293
  {
8190
- id: "od:template:social-carousel",
8294
+ id: "template:social-carousel",
8191
8295
  kind: "template",
8192
8296
  name: "Social Carousel",
8193
8297
  description: 'A three-card social-media carousel laid out as 1080\xD71080 squares \u2014 three cinematic, on-brand panels with display headlines that connect across the series ("onwards." \u2192 "to the next one." \u2192 "looking ahead."). Each card has a brand mark, a\u2026',
8194
- source: { path: "design-templates/social-carousel" }
8298
+ source: { path: "design-templates/social-carousel" },
8299
+ targets: ["poster"]
8195
8300
  },
8196
8301
  {
8197
- id: "od:template:social-media-dashboard",
8302
+ id: "template:social-media-dashboard",
8198
8303
  kind: "template",
8199
8304
  name: "Social Media Dashboard",
8200
8305
  description: 'Creator-facing social media analytics dashboard in a single HTML file. A platform switcher (X / LinkedIn / YouTube / Instagram), a row of KPI cards (followers, engagement rate, likes, reposts), a follower-growth chart, a "top post this w\u2026',
8201
- source: { path: "design-templates/social-media-dashboard" }
8306
+ source: { path: "design-templates/social-media-dashboard" },
8307
+ targets: ["dashboard-design"]
8202
8308
  },
8203
8309
  {
8204
- id: "od:template:social-media-matrix-tracker-template",
8310
+ id: "template:social-media-matrix-tracker-template",
8205
8311
  kind: "template",
8206
8312
  name: "Social Media Matrix Tracker Template",
8207
8313
  description: "\u793E\u5A92\u77E9\u9635\u6570\u636E\u8FFD\u8E2A\u9762\u677F\u6A21\u677F\uFF08Social Media Matrix Tracker\uFF09\u3002",
8208
- source: { path: "design-templates/social-media-matrix-tracker-template" }
8314
+ source: { path: "design-templates/social-media-matrix-tracker-template" },
8315
+ targets: ["dashboard-design"]
8209
8316
  },
8210
8317
  {
8211
- id: "od:template:sprite-animation",
8318
+ id: "template:sprite-animation",
8212
8319
  kind: "template",
8213
8320
  name: "Sprite Animation",
8214
8321
  description: "A pixel / sprite-style animated explainer slide \u2014 full-bleed cream stage, bold display year, animated pixel-art mascot (e.g. Hanafuda card, mushroom, or 8-bit console), kinetic Japanese display type, ticking timeline ribbon. Reads like a\u2026",
8215
- source: { path: "design-templates/sprite-animation" }
8322
+ source: { path: "design-templates/sprite-animation" },
8323
+ targets: ["intro-video"]
8216
8324
  },
8217
8325
  {
8218
- id: "od:template:team-okrs",
8326
+ id: "template:team-okrs",
8219
8327
  kind: "template",
8220
8328
  name: "Team Okrs",
8221
8329
  description: 'OKR tracker page \u2014 quarter banner, three objectives with their key results as progress bars, owner avatars, status pills, and a "this quarter at a glance" sidebar.',
8222
- source: { path: "design-templates/team-okrs" }
8330
+ source: { path: "design-templates/team-okrs" },
8331
+ targets: ["docs-design", "dashboard-design"]
8223
8332
  },
8224
8333
  {
8225
- id: "od:template:trading-analysis-dashboard-template",
8334
+ id: "template:trading-analysis-dashboard-template",
8226
8335
  kind: "template",
8227
8336
  name: "Trading Analysis Dashboard Template",
8228
8337
  description: "Professional trading analysis dashboard template (single-file HTML) with light/dark theme switch, dense market panels, chart interactions, demo/live playback, and command palette behavior.",
8229
- source: { path: "design-templates/trading-analysis-dashboard-template" }
8338
+ source: { path: "design-templates/trading-analysis-dashboard-template" },
8339
+ targets: ["dashboard-design"]
8230
8340
  },
8231
8341
  {
8232
- id: "od:template:tweaks",
8342
+ id: "template:tweaks",
8233
8343
  kind: "template",
8234
8344
  name: "Tweaks",
8235
8345
  description: "Wrap any HTML artifact with a side panel of live, parameterized controls \u2014 accent color, type scale, density, motion, theme \u2014 that rewrite CSS custom properties in real time and persist to localStorage. Lets the user explore variants of\u2026",
8236
- source: { path: "design-templates/tweaks" }
8346
+ source: { path: "design-templates/tweaks" },
8347
+ targets: [
8348
+ "website",
8349
+ "dashboard-design",
8350
+ "presentation",
8351
+ "report",
8352
+ "docs-design",
8353
+ "poster",
8354
+ "mobile-app-design"
8355
+ ]
8237
8356
  },
8238
8357
  {
8239
- id: "od:template:video-shortform",
8358
+ id: "template:video-shortform",
8240
8359
  kind: "template",
8241
8360
  name: "Video Shortform",
8242
8361
  description: "Short-form video generation skill \u2014 3-10 second clips for product reveals, motion teasers, ambient loops. Defaults to Seedance 2 but works the same with Kling 3 / 4, Veo 3 or Sora 2. Output is one MP4 saved to the project folder. When th\u2026",
8243
- source: { path: "design-templates/video-shortform" }
8362
+ source: { path: "design-templates/video-shortform" },
8363
+ targets: ["intro-video"]
8244
8364
  },
8245
8365
  {
8246
- id: "od:template:waitlist-page",
8366
+ id: "template:waitlist-page",
8247
8367
  kind: "template",
8248
8368
  name: "Waitlist Page",
8249
8369
  description: "Minimal pre-launch landing with email capture, brand logo, and optional decorative layer. Reads DESIGN.md for colors, typography, and layout rules.",
8250
- source: { path: "design-templates/waitlist-page" }
8370
+ source: { path: "design-templates/waitlist-page" },
8371
+ targets: ["website"]
8251
8372
  },
8252
8373
  {
8253
- id: "od:template:web-prototype",
8374
+ id: "template:web-prototype",
8254
8375
  kind: "template",
8255
8376
  name: "Web Prototype",
8256
8377
  description: "General-purpose desktop web prototype. Single self-contained HTML file built by copying the seed `assets/template.html` and pasting section layouts from `references/layouts.md`. Default for any landing / marketing / docs / SaaS page when\u2026",
8257
- source: { path: "design-templates/web-prototype" }
8378
+ source: { path: "design-templates/web-prototype" },
8379
+ targets: ["website"]
8258
8380
  },
8259
8381
  {
8260
- id: "od:template:web-prototype-taste-brutalist",
8382
+ id: "template:web-prototype-taste-brutalist",
8261
8383
  kind: "template",
8262
8384
  name: "Web Prototype Taste Brutalist",
8263
8385
  description: "Swiss industrial-print web prototype. Newsprint canvas, monolithic black grotesque, viewport-bleeding numerals, hairline grid dividers, hazard-red accent, ASCII syntax decoration. Distilled from Leonxlnx/taste-skill `brutalist-skill` (Sw\u2026",
8264
- source: { path: "design-templates/web-prototype-taste-brutalist" }
8386
+ source: { path: "design-templates/web-prototype-taste-brutalist" },
8387
+ targets: ["website"]
8265
8388
  },
8266
8389
  {
8267
- id: "od:template:web-prototype-taste-soft",
8390
+ id: "template:web-prototype-taste-soft",
8268
8391
  kind: "template",
8269
8392
  name: "Web Prototype Taste Soft",
8270
8393
  description: "Apple-tier soft web prototype. Silver/cream canvas, double-bezel cards, button-in-button CTAs, generous squircle radii, spring motion, ambient mesh. Distilled from Leonxlnx/taste-skill `soft-skill` + sections 4\u20138 of `taste-skill`.",
8271
- source: { path: "design-templates/web-prototype-taste-soft" }
8394
+ source: { path: "design-templates/web-prototype-taste-soft" },
8395
+ targets: ["website"]
8272
8396
  },
8273
8397
  {
8274
- id: "od:template:wireframe-sketch",
8398
+ id: "template:wireframe-sketch",
8275
8399
  kind: "template",
8276
8400
  name: "Wireframe Sketch",
8277
8401
  description: "A hand-drawn wireframe exploration \u2014 graph-paper background, marker / pencil tone, multiple tab labels for variants, sticky-note annotations, scribbled chart placeholders, hatched fills. Reads like a designer's whiteboard before any pixe\u2026",
8278
- source: { path: "design-templates/wireframe-sketch" }
8402
+ source: { path: "design-templates/wireframe-sketch" },
8403
+ targets: ["website", "mobile-app-design", "dashboard-design"]
8279
8404
  },
8280
8405
  {
8281
- id: "od:template:x-research",
8406
+ id: "template:x-research",
8282
8407
  kind: "template",
8283
8408
  name: "X Research",
8284
8409
  description: "X/Twitter public sentiment research for recent market, company, product, or community discourse.",
8285
- source: { path: "design-templates/x-research" }
8410
+ source: { path: "design-templates/x-research" },
8411
+ targets: ["report"]
8286
8412
  },
8287
8413
  {
8288
- id: "od:design-system:dashboard",
8414
+ id: "design-system:dashboard",
8289
8415
  kind: "design-system",
8290
8416
  name: "Dashboard",
8291
8417
  description: "Dark cloud-platform aesthetic with modular grids, glass-like panels, and strong data hierarchy for productivity dashboards.",
8292
8418
  source: { path: "design-systems/dashboard" }
8293
8419
  },
8294
8420
  {
8295
- id: "od:design-system:trading-terminal",
8421
+ id: "design-system:trading-terminal",
8296
8422
  kind: "design-system",
8297
8423
  name: "Trading Terminal",
8298
8424
  description: "Bloomberg-style financial trading terminal: dark-only, data-dense, with cyan and coral buy/sell signals readable at a glance.",
8299
8425
  source: { path: "design-systems/trading-terminal" }
8300
8426
  },
8301
8427
  {
8302
- id: "od:design-system:warm-editorial",
8428
+ id: "design-system:warm-editorial",
8303
8429
  kind: "design-system",
8304
8430
  name: "Warm Editorial",
8305
8431
  description: "Serif-led magazine aesthetic with terracotta accents on warm off-white paper for readable narrative pages, zines, and reports.",
8306
8432
  source: { path: "design-systems/warm-editorial" }
8307
8433
  },
8308
8434
  {
8309
- id: "od:design-system:editorial",
8435
+ id: "design-system:editorial",
8310
8436
  kind: "design-system",
8311
8437
  name: "Editorial",
8312
8438
  description: "Magazine-inspired editorial layout with refined serif typography, structured grids, and elegant reading experiences.",
8313
8439
  source: { path: "design-systems/editorial" }
8314
8440
  },
8315
8441
  {
8316
- id: "od:design-system:mono",
8442
+ id: "design-system:mono",
8317
8443
  kind: "design-system",
8318
8444
  name: "Mono",
8319
8445
  description: "Monospace-driven, matrix-inspired design with high-contrast elements, compact density, and a hacker-chic aesthetic.",
8320
8446
  source: { path: "design-systems/mono" }
8321
8447
  },
8322
8448
  {
8323
- id: "od:design-system:apple",
8449
+ id: "design-system:apple",
8324
8450
  kind: "design-system",
8325
8451
  name: "Apple",
8326
8452
  description: "Consumer electronics design system with premium white space, SF Pro-style typography, and cinematic imagery.",
8327
8453
  source: { path: "design-systems/apple" }
8328
8454
  },
8329
8455
  {
8330
- id: "od:design-system:agentic",
8456
+ id: "design-system:agentic",
8331
8457
  kind: "design-system",
8332
8458
  name: "Agentic",
8333
8459
  description: "Conversational AI-first interface with minimal controls, clear outcomes, and delegated task flows for agentic workflows.",
8334
8460
  source: { path: "design-systems/agentic" }
8335
8461
  },
8336
8462
  {
8337
- id: "od:design-system:airbnb",
8463
+ id: "design-system:airbnb",
8338
8464
  kind: "design-system",
8339
8465
  name: "Airbnb",
8340
8466
  description: "Travel marketplace. Warm coral accent, photography-driven, rounded UI.",
8341
8467
  source: { path: "design-systems/airbnb" }
8342
8468
  },
8343
8469
  {
8344
- id: "od:design-system:airtable",
8470
+ id: "design-system:airtable",
8345
8471
  kind: "design-system",
8346
8472
  name: "Airtable",
8347
8473
  description: "Spreadsheet-database hybrid. Colorful, friendly, structured data aesthetic.",
8348
8474
  source: { path: "design-systems/airtable" }
8349
8475
  },
8350
8476
  {
8351
- id: "od:design-system:ant",
8477
+ id: "design-system:ant",
8352
8478
  kind: "design-system",
8353
8479
  name: "Ant",
8354
8480
  description: "Structured, enterprise-focused design system emphasizing clarity, consistency, and efficiency for data-dense web applications.",
8355
8481
  source: { path: "design-systems/ant" }
8356
8482
  },
8357
8483
  {
8358
- id: "od:design-system:application",
8484
+ id: "design-system:application",
8359
8485
  kind: "design-system",
8360
8486
  name: "Application",
8361
8487
  description: "App dashboard with purple-themed aesthetic, top-bar navigation, card-based layouts, and developer-first workflows.",
8362
8488
  source: { path: "design-systems/application" }
8363
8489
  },
8364
8490
  {
8365
- id: "od:design-system:arc",
8491
+ id: "design-system:arc",
8366
8492
  kind: "design-system",
8367
8493
  name: "Arc",
8368
8494
  description: '"The browser that browses for you." Translucent surfaces, gradient warmth, sidebar-first layout.',
8369
8495
  source: { path: "design-systems/arc" }
8370
8496
  },
8371
8497
  {
8372
- id: "od:design-system:artistic",
8498
+ id: "design-system:artistic",
8373
8499
  kind: "design-system",
8374
8500
  name: "Artistic",
8375
8501
  description: "High-contrast, expressive style with creative typography and bold color choices for visually striking interfaces.",
8376
8502
  source: { path: "design-systems/artistic" }
8377
8503
  },
8378
8504
  {
8379
- id: "od:design-system:atelier-zero",
8505
+ id: "design-system:atelier-zero",
8380
8506
  kind: "design-system",
8381
8507
  name: "Atelier Zero",
8382
8508
  description: "A magazine-grade, collage-driven visual system: warm paper canvas, surreal.",
8383
8509
  source: { path: "design-systems/atelier-zero" }
8384
8510
  },
8385
8511
  {
8386
- id: "od:design-system:bento",
8512
+ id: "design-system:bento",
8387
8513
  kind: "design-system",
8388
8514
  name: "Bento",
8389
8515
  description: "Modular grid layout with card-like blocks, clear hierarchy, soft spacing, and subtle visual contrast for organized, scannable interfaces.",
8390
8516
  source: { path: "design-systems/bento" }
8391
8517
  },
8392
8518
  {
8393
- id: "od:design-system:binance",
8519
+ id: "design-system:binance",
8394
8520
  kind: "design-system",
8395
8521
  name: "Binance",
8396
8522
  description: "Crypto exchange. Bold yellow accent on monochrome, trading-floor urgency.",
8397
8523
  source: { path: "design-systems/binance" }
8398
8524
  },
8399
8525
  {
8400
- id: "od:design-system:bmw",
8526
+ id: "design-system:bmw",
8401
8527
  kind: "design-system",
8402
8528
  name: "Bmw",
8403
8529
  description: "Luxury automotive. Dark premium surfaces, precise German engineering aesthetic.",
8404
8530
  source: { path: "design-systems/bmw" }
8405
8531
  },
8406
8532
  {
8407
- id: "od:design-system:bmw-m",
8533
+ id: "design-system:bmw-m",
8408
8534
  kind: "design-system",
8409
8535
  name: "Bmw M",
8410
8536
  description: "Motorsport performance sub-brand. Near-black cockpit surfaces, BMW M tricolor accents, sharp engineering geometry.",
8411
8537
  source: { path: "design-systems/bmw-m" }
8412
8538
  },
8413
8539
  {
8414
- id: "od:design-system:bold",
8540
+ id: "design-system:bold",
8415
8541
  kind: "design-system",
8416
8542
  name: "Bold",
8417
8543
  description: "Strong visual presence with heavyweight typography, high-contrast colors, and commanding layouts.",
8418
8544
  source: { path: "design-systems/bold" }
8419
8545
  },
8420
8546
  {
8421
- id: "od:design-system:brutalism",
8547
+ id: "design-system:brutalism",
8422
8548
  kind: "design-system",
8423
8549
  name: "Brutalism",
8424
8550
  description: "Raw, anti-design aesthetic inspired by concrete architecture with unadorned elements, jarring layouts, and functional minimalism.",
8425
8551
  source: { path: "design-systems/brutalism" }
8426
8552
  },
8427
8553
  {
8428
- id: "od:design-system:bugatti",
8554
+ id: "design-system:bugatti",
8429
8555
  kind: "design-system",
8430
8556
  name: "Bugatti",
8431
8557
  description: "Hypercar brand. Cinema-black canvas, monochrome austerity, monumental display type.",
8432
8558
  source: { path: "design-systems/bugatti" }
8433
8559
  },
8434
8560
  {
8435
- id: "od:design-system:cafe",
8561
+ id: "design-system:cafe",
8436
8562
  kind: "design-system",
8437
8563
  name: "Cafe",
8438
8564
  description: "Cozy cafe-inspired interface with warm tones, soft typography, and clean layouts for a relaxed browsing experience.",
8439
8565
  source: { path: "design-systems/cafe" }
8440
8566
  },
8441
8567
  {
8442
- id: "od:design-system:cal",
8568
+ id: "design-system:cal",
8443
8569
  kind: "design-system",
8444
8570
  name: "Cal",
8445
8571
  description: "Open-source scheduling. Clean neutral UI, developer-oriented simplicity.",
8446
8572
  source: { path: "design-systems/cal" }
8447
8573
  },
8448
8574
  {
8449
- id: "od:design-system:canva",
8575
+ id: "design-system:canva",
8450
8576
  kind: "design-system",
8451
8577
  name: "Canva",
8452
8578
  description: "Visual creation platform. Vivid purple-blue gradient, generous spacing, friendly geometry.",
8453
8579
  source: { path: "design-systems/canva" }
8454
8580
  },
8455
8581
  {
8456
- id: "od:design-system:cisco",
8582
+ id: "design-system:cisco",
8457
8583
  kind: "design-system",
8458
8584
  name: "Cisco",
8459
8585
  description: "Enterprise infrastructure brand. Dark trust surfaces, Cisco Blue signal, technical clarity.",
8460
8586
  source: { path: "design-systems/cisco" }
8461
8587
  },
8462
8588
  {
8463
- id: "od:design-system:claude",
8589
+ id: "design-system:claude",
8464
8590
  kind: "design-system",
8465
8591
  name: "Claude",
8466
8592
  description: "Anthropic's AI assistant. Warm terracotta accent, clean editorial layout.",
8467
8593
  source: { path: "design-systems/claude" }
8468
8594
  },
8469
8595
  {
8470
- id: "od:design-system:clay",
8596
+ id: "design-system:clay",
8471
8597
  kind: "design-system",
8472
8598
  name: "Clay",
8473
8599
  description: "Creative agency. Organic shapes, soft gradients, art-directed layout.",
8474
8600
  source: { path: "design-systems/clay" }
8475
8601
  },
8476
8602
  {
8477
- id: "od:design-system:claymorphism",
8603
+ id: "design-system:claymorphism",
8478
8604
  kind: "design-system",
8479
8605
  name: "Claymorphism",
8480
8606
  description: "Soft, rounded 3D-like shapes mimicking malleable clay with playful, puffy elements and colorful surfaces.",
8481
8607
  source: { path: "design-systems/claymorphism" }
8482
8608
  },
8483
8609
  {
8484
- id: "od:design-system:clean",
8610
+ id: "design-system:clean",
8485
8611
  kind: "design-system",
8486
8612
  name: "Clean",
8487
8613
  description: "Simplicity-focused design with ample whitespace, legible typography, and a limited color palette to reduce visual clutter.",
8488
8614
  source: { path: "design-systems/clean" }
8489
8615
  },
8490
8616
  {
8491
- id: "od:design-system:clickhouse",
8617
+ id: "design-system:clickhouse",
8492
8618
  kind: "design-system",
8493
8619
  name: "Clickhouse",
8494
8620
  description: "Fast analytics database. Yellow-accented, technical documentation style.",
8495
8621
  source: { path: "design-systems/clickhouse" }
8496
8622
  },
8497
8623
  {
8498
- id: "od:design-system:cohere",
8624
+ id: "design-system:cohere",
8499
8625
  kind: "design-system",
8500
8626
  name: "Cohere",
8501
8627
  description: "Enterprise AI platform. Vibrant gradients, data-rich dashboard aesthetic.",
8502
8628
  source: { path: "design-systems/cohere" }
8503
8629
  },
8504
8630
  {
8505
- id: "od:design-system:coinbase",
8631
+ id: "design-system:coinbase",
8506
8632
  kind: "design-system",
8507
8633
  name: "Coinbase",
8508
8634
  description: "Crypto exchange. Clean blue identity, trust-focused, institutional feel.",
8509
8635
  source: { path: "design-systems/coinbase" }
8510
8636
  },
8511
8637
  {
8512
- id: "od:design-system:colorful",
8638
+ id: "design-system:colorful",
8513
8639
  kind: "design-system",
8514
8640
  name: "Colorful",
8515
8641
  description: "Vibrant, high-contrast palettes and gradients for engaging, memorable, and modern user experiences.",
8516
8642
  source: { path: "design-systems/colorful" }
8517
8643
  },
8518
8644
  {
8519
- id: "od:design-system:composio",
8645
+ id: "design-system:composio",
8520
8646
  kind: "design-system",
8521
8647
  name: "Composio",
8522
8648
  description: "Tool integration platform. Modern dark with colorful integration icons.",
8523
8649
  source: { path: "design-systems/composio" }
8524
8650
  },
8525
8651
  {
8526
- id: "od:design-system:contemporary",
8652
+ id: "design-system:contemporary",
8527
8653
  kind: "design-system",
8528
8654
  name: "Contemporary",
8529
8655
  description: "Current-era minimalist design with bento grids, dark mode support, and high-performance accessible layouts.",
8530
8656
  source: { path: "design-systems/contemporary" }
8531
8657
  },
8532
8658
  {
8533
- id: "od:design-system:corporate",
8659
+ id: "design-system:corporate",
8534
8660
  kind: "design-system",
8535
8661
  name: "Corporate",
8536
8662
  description: "Professional, brand-aligned design with structured grids, minimalist layouts, and consistent enterprise patterns.",
8537
8663
  source: { path: "design-systems/corporate" }
8538
8664
  },
8539
8665
  {
8540
- id: "od:design-system:cosmic",
8666
+ id: "design-system:cosmic",
8541
8667
  kind: "design-system",
8542
8668
  name: "Cosmic",
8543
8669
  description: "Futuristic sci-fi aesthetic with dark themes, vibrant neon accents, and immersive spatial elements.",
8544
8670
  source: { path: "design-systems/cosmic" }
8545
8671
  },
8546
8672
  {
8547
- id: "od:design-system:creative",
8673
+ id: "design-system:creative",
8548
8674
  kind: "design-system",
8549
8675
  name: "Creative",
8550
8676
  description: "Playful, character-driven design with expressive typography and bold graphics for landing pages and creative projects.",
8551
8677
  source: { path: "design-systems/creative" }
8552
8678
  },
8553
8679
  {
8554
- id: "od:design-system:cursor",
8680
+ id: "design-system:cursor",
8555
8681
  kind: "design-system",
8556
8682
  name: "Cursor",
8557
8683
  description: "AI-first code editor. Sleek dark interface, gradient accents.",
8558
8684
  source: { path: "design-systems/cursor" }
8559
8685
  },
8560
8686
  {
8561
- id: "od:design-system:default",
8687
+ id: "design-system:default",
8562
8688
  kind: "design-system",
8563
8689
  name: "Default",
8564
8690
  description: "A clean, product-oriented default.",
8565
8691
  source: { path: "design-systems/default" }
8566
8692
  },
8567
8693
  {
8568
- id: "od:design-system:discord",
8694
+ id: "design-system:discord",
8569
8695
  kind: "design-system",
8570
8696
  name: "Discord",
8571
8697
  description: "Voice / chat platform. Deep blurple, dark-first surfaces, playful accent moments.",
8572
8698
  source: { path: "design-systems/discord" }
8573
8699
  },
8574
8700
  {
8575
- id: "od:design-system:dithered",
8701
+ id: "design-system:dithered",
8576
8702
  kind: "design-system",
8577
8703
  name: "Dithered",
8578
8704
  description: "Dot-pattern rendering technique that simulates shades with a limited palette for nostalgic, retro, high-contrast visuals.",
8579
8705
  source: { path: "design-systems/dithered" }
8580
8706
  },
8581
8707
  {
8582
- id: "od:design-system:doodle",
8708
+ id: "design-system:doodle",
8583
8709
  kind: "design-system",
8584
8710
  name: "Doodle",
8585
8711
  description: "Hand-drawn, sketch-like style with doodles, handwritten fonts, and imperfect lines for a playful, informal feel.",
8586
8712
  source: { path: "design-systems/doodle" }
8587
8713
  },
8588
8714
  {
8589
- id: "od:design-system:dramatic",
8715
+ id: "design-system:dramatic",
8590
8716
  kind: "design-system",
8591
8717
  name: "Dramatic",
8592
8718
  description: "High-contrast, theatrical design with bold layouts, immersive visuals, and unconventional compositions that command attention.",
8593
8719
  source: { path: "design-systems/dramatic" }
8594
8720
  },
8595
8721
  {
8596
- id: "od:design-system:duolingo",
8722
+ id: "design-system:duolingo",
8597
8723
  kind: "design-system",
8598
8724
  name: "Duolingo",
8599
8725
  description: "Language-learning platform. Bright owl green, chunky shadows, gamified joy.",
8600
8726
  source: { path: "design-systems/duolingo" }
8601
8727
  },
8602
8728
  {
8603
- id: "od:design-system:elegant",
8729
+ id: "design-system:elegant",
8604
8730
  kind: "design-system",
8605
8731
  name: "Elegant",
8606
8732
  description: "Graceful, refined aesthetic with delicate typography, minimal palettes, and polished layouts that exude sophistication.",
8607
8733
  source: { path: "design-systems/elegant" }
8608
8734
  },
8609
8735
  {
8610
- id: "od:design-system:elevenlabs",
8736
+ id: "design-system:elevenlabs",
8611
8737
  kind: "design-system",
8612
8738
  name: "Elevenlabs",
8613
8739
  description: "AI voice platform. Dark cinematic UI, audio-waveform aesthetics.",
8614
8740
  source: { path: "design-systems/elevenlabs" }
8615
8741
  },
8616
8742
  {
8617
- id: "od:design-system:energetic",
8743
+ id: "design-system:energetic",
8618
8744
  kind: "design-system",
8619
8745
  name: "Energetic",
8620
8746
  description: "Dynamic, vibrant style with thick borders, geometric shapes, high-contrast colors, and expressive typography conveying motion and vitality.",
8621
8747
  source: { path: "design-systems/energetic" }
8622
8748
  },
8623
8749
  {
8624
- id: "od:design-system:enterprise",
8750
+ id: "design-system:enterprise",
8625
8751
  kind: "design-system",
8626
8752
  name: "Enterprise",
8627
8753
  description: "Clean, high-contrast enterprise design for data-driven workflows with intuitive drag-and-drop patterns and structured layouts.",
8628
8754
  source: { path: "design-systems/enterprise" }
8629
8755
  },
8630
8756
  {
8631
- id: "od:design-system:expo",
8757
+ id: "design-system:expo",
8632
8758
  kind: "design-system",
8633
8759
  name: "Expo",
8634
8760
  description: "React Native platform. Dark theme, tight letter-spacing, code-centric.",
8635
8761
  source: { path: "design-systems/expo" }
8636
8762
  },
8637
8763
  {
8638
- id: "od:design-system:expressive",
8764
+ id: "design-system:expressive",
8639
8765
  kind: "design-system",
8640
8766
  name: "Expressive",
8641
8767
  description: "Vibrant, personality-driven design with bold colors, playful graphics, and dynamic layouts that balance creativity with structure.",
8642
8768
  source: { path: "design-systems/expressive" }
8643
8769
  },
8644
8770
  {
8645
- id: "od:design-system:fantasy",
8771
+ id: "design-system:fantasy",
8646
8772
  kind: "design-system",
8647
8773
  name: "Fantasy",
8648
8774
  description: "Game-inspired fantasy aesthetic with bold, premium visuals, rich color palettes, and immersive thematic elements.",
8649
8775
  source: { path: "design-systems/fantasy" }
8650
8776
  },
8651
8777
  {
8652
- id: "od:design-system:ferrari",
8778
+ id: "design-system:ferrari",
8653
8779
  kind: "design-system",
8654
8780
  name: "Ferrari",
8655
8781
  description: "Luxury automotive. Chiaroscuro editorial, Ferrari Red accents, cinematic black.",
8656
8782
  source: { path: "design-systems/ferrari" }
8657
8783
  },
8658
8784
  {
8659
- id: "od:design-system:figma",
8785
+ id: "design-system:figma",
8660
8786
  kind: "design-system",
8661
8787
  name: "Figma",
8662
8788
  description: "Collaborative design tool. Vibrant multi-color, playful yet professional.",
8663
8789
  source: { path: "design-systems/figma" }
8664
8790
  },
8665
8791
  {
8666
- id: "od:design-system:flat",
8792
+ id: "design-system:flat",
8667
8793
  kind: "design-system",
8668
8794
  name: "Flat",
8669
8795
  description: "Two-dimensional minimalist style with vibrant colors, clean typography, and no 3D effects for fast, user-friendly interfaces.",
8670
8796
  source: { path: "design-systems/flat" }
8671
8797
  },
8672
8798
  {
8673
- id: "od:design-system:framer",
8799
+ id: "design-system:framer",
8674
8800
  kind: "design-system",
8675
8801
  name: "Framer",
8676
8802
  description: "Website builder. Bold black and blue, motion-first, design-forward.",
8677
8803
  source: { path: "design-systems/framer" }
8678
8804
  },
8679
8805
  {
8680
- id: "od:design-system:friendly",
8806
+ id: "design-system:friendly",
8681
8807
  kind: "design-system",
8682
8808
  name: "Friendly",
8683
8809
  description: "Approachable, intuitive design with rounded elements, ample whitespace, and soft pastel color palettes.",
8684
8810
  source: { path: "design-systems/friendly" }
8685
8811
  },
8686
8812
  {
8687
- id: "od:design-system:futuristic",
8813
+ id: "design-system:futuristic",
8688
8814
  kind: "design-system",
8689
8815
  name: "Futuristic",
8690
8816
  description: "Forward-looking design with tech-inspired typography, modern layouts, and a sleek, innovation-driven aesthetic.",
8691
8817
  source: { path: "design-systems/futuristic" }
8692
8818
  },
8693
8819
  {
8694
- id: "od:design-system:github",
8820
+ id: "design-system:github",
8695
8821
  kind: "design-system",
8696
8822
  name: "Github",
8697
8823
  description: "Code-forward platform. Functional density, blue-on-white precision, Primer foundations.",
8698
8824
  source: { path: "design-systems/github" }
8699
8825
  },
8700
8826
  {
8701
- id: "od:design-system:glassmorphism",
8827
+ id: "design-system:glassmorphism",
8702
8828
  kind: "design-system",
8703
8829
  name: "Glassmorphism",
8704
8830
  description: "Frosted glass effect with translucent layers, subtle blur, and luminous borders for depth and modern elegance.",
8705
8831
  source: { path: "design-systems/glassmorphism" }
8706
8832
  },
8707
8833
  {
8708
- id: "od:design-system:gradient",
8834
+ id: "design-system:gradient",
8709
8835
  kind: "design-system",
8710
8836
  name: "Gradient",
8711
8837
  description: "Smooth color transitions and gradient-rich surfaces for modern, playful interfaces with visual depth.",
8712
8838
  source: { path: "design-systems/gradient" }
8713
8839
  },
8714
8840
  {
8715
- id: "od:design-system:hashicorp",
8841
+ id: "design-system:hashicorp",
8716
8842
  kind: "design-system",
8717
8843
  name: "Hashicorp",
8718
8844
  description: "Infrastructure automation. Enterprise-clean, black and white.",
8719
8845
  source: { path: "design-systems/hashicorp" }
8720
8846
  },
8721
8847
  {
8722
- id: "od:design-system:hud",
8848
+ id: "design-system:hud",
8723
8849
  kind: "design-system",
8724
8850
  name: "Hud",
8725
8851
  description: "Fighter jet / helicopter head-up display. Phosphor green on near-black, all-caps data overlays, angular geometry. Zero ambiguity at speed and altitude.",
8726
8852
  source: { path: "design-systems/hud" }
8727
8853
  },
8728
8854
  {
8729
- id: "od:design-system:huggingface",
8855
+ id: "design-system:huggingface",
8730
8856
  kind: "design-system",
8731
8857
  name: "Huggingface",
8732
8858
  description: "ML community hub. Sunny yellow accent, monospace identity, cheerful and dense.",
8733
8859
  source: { path: "design-systems/huggingface" }
8734
8860
  },
8735
8861
  {
8736
- id: "od:design-system:ibm",
8862
+ id: "design-system:ibm",
8737
8863
  kind: "design-system",
8738
8864
  name: "Ibm",
8739
8865
  description: "Enterprise technology. Carbon design system, structured blue palette.",
8740
8866
  source: { path: "design-systems/ibm" }
8741
8867
  },
8742
8868
  {
8743
- id: "od:design-system:intercom",
8869
+ id: "design-system:intercom",
8744
8870
  kind: "design-system",
8745
8871
  name: "Intercom",
8746
8872
  description: "Customer messaging. Friendly blue palette, conversational UI patterns.",
8747
8873
  source: { path: "design-systems/intercom" }
8748
8874
  },
8749
8875
  {
8750
- id: "od:design-system:kami",
8876
+ id: "design-system:kami",
8751
8877
  kind: "design-system",
8752
8878
  name: "Kami",
8753
8879
  description: "Editorial paper system: warm parchment canvas, ink-blue accent, serif-led hierarchy. Built for resumes, one-pagers, white papers, portfolios, slide decks \u2014 anything that should feel like high-quality print rather than UI. Multilingual by\u2026",
8754
8880
  source: { path: "design-systems/kami" }
8755
8881
  },
8756
8882
  {
8757
- id: "od:design-system:kraken",
8883
+ id: "design-system:kraken",
8758
8884
  kind: "design-system",
8759
8885
  name: "Kraken",
8760
8886
  description: "Crypto trading. Purple-accented dark UI, data-dense dashboards.",
8761
8887
  source: { path: "design-systems/kraken" }
8762
8888
  },
8763
8889
  {
8764
- id: "od:design-system:lamborghini",
8890
+ id: "design-system:lamborghini",
8765
8891
  kind: "design-system",
8766
8892
  name: "Lamborghini",
8767
8893
  description: "Supercar brand. True black surfaces, gold accents, dramatic uppercase typography.",
8768
8894
  source: { path: "design-systems/lamborghini" }
8769
8895
  },
8770
8896
  {
8771
- id: "od:design-system:levels",
8897
+ id: "design-system:levels",
8772
8898
  kind: "design-system",
8773
8899
  name: "Levels",
8774
8900
  description: "Conversion-focused design that removes friction and guides users toward action through clarity, trust, and speed.",
8775
8901
  source: { path: "design-systems/levels" }
8776
8902
  },
8777
8903
  {
8778
- id: "od:design-system:linear-app",
8904
+ id: "design-system:linear-app",
8779
8905
  kind: "design-system",
8780
8906
  name: "Linear App",
8781
8907
  description: "Project management. Ultra-minimal, precise, purple accent.",
8782
8908
  source: { path: "design-systems/linear-app" }
8783
8909
  },
8784
8910
  {
8785
- id: "od:design-system:lingo",
8911
+ id: "design-system:lingo",
8786
8912
  kind: "design-system",
8787
8913
  name: "Lingo",
8788
8914
  description: "Playful, minimal design with bright colors, rounded shapes, tactile 3D borders, and friendly illustrations for approachable interfaces.",
8789
8915
  source: { path: "design-systems/lingo" }
8790
8916
  },
8791
8917
  {
8792
- id: "od:design-system:loom",
8918
+ id: "design-system:loom",
8793
8919
  kind: "design-system",
8794
8920
  name: "Loom",
8795
8921
  description: "Loom async video. Purple primary, friendly surfaces, video-first layout. Clean and professional without being corporate.",
8796
8922
  source: { path: "design-systems/loom" }
8797
8923
  },
8798
8924
  {
8799
- id: "od:design-system:lovable",
8925
+ id: "design-system:lovable",
8800
8926
  kind: "design-system",
8801
8927
  name: "Lovable",
8802
8928
  description: "AI full-stack builder. Playful gradients, friendly dev aesthetic.",
8803
8929
  source: { path: "design-systems/lovable" }
8804
8930
  },
8805
8931
  {
8806
- id: "od:design-system:luxury",
8932
+ id: "design-system:luxury",
8807
8933
  kind: "design-system",
8808
8934
  name: "Luxury",
8809
8935
  description: "High-end dark aesthetic with bold headings, monochromatic palette, and premium feel for luxury brand experiences.",
8810
8936
  source: { path: "design-systems/luxury" }
8811
8937
  },
8812
8938
  {
8813
- id: "od:design-system:mastercard",
8939
+ id: "design-system:mastercard",
8814
8940
  kind: "design-system",
8815
8941
  name: "Mastercard",
8816
8942
  description: "Global payments network. Warm cream canvas, orbital pill shapes, editorial warmth.",
8817
8943
  source: { path: "design-systems/mastercard" }
8818
8944
  },
8819
8945
  {
8820
- id: "od:design-system:material",
8946
+ id: "design-system:material",
8821
8947
  kind: "design-system",
8822
8948
  name: "Material",
8823
8949
  description: "Google's Material Design with layered surfaces, dynamic theming, built-in motion, and responsive cross-platform patterns.",
8824
8950
  source: { path: "design-systems/material" }
8825
8951
  },
8826
8952
  {
8827
- id: "od:design-system:meta",
8953
+ id: "design-system:meta",
8828
8954
  kind: "design-system",
8829
8955
  name: "Meta",
8830
8956
  description: "Tech retail store. Photography-first, binary light/dark surfaces, Meta Blue CTAs.",
8831
8957
  source: { path: "design-systems/meta" }
8832
8958
  },
8833
8959
  {
8834
- id: "od:design-system:minimal",
8960
+ id: "design-system:minimal",
8835
8961
  kind: "design-system",
8836
8962
  name: "Minimal",
8837
8963
  description: "Stripped-back design emphasizing whitespace, clean typography, and restrained color for maximum clarity and focus.",
8838
8964
  source: { path: "design-systems/minimal" }
8839
8965
  },
8840
8966
  {
8841
- id: "od:design-system:minimax",
8967
+ id: "design-system:minimax",
8842
8968
  kind: "design-system",
8843
8969
  name: "Minimax",
8844
8970
  description: "AI model provider. Bold dark interface with neon accents.",
8845
8971
  source: { path: "design-systems/minimax" }
8846
8972
  },
8847
8973
  {
8848
- id: "od:design-system:mintlify",
8974
+ id: "design-system:mintlify",
8849
8975
  kind: "design-system",
8850
8976
  name: "Mintlify",
8851
8977
  description: "Documentation platform. Clean, green-accented, reading-optimized.",
8852
8978
  source: { path: "design-systems/mintlify" }
8853
8979
  },
8854
8980
  {
8855
- id: "od:design-system:miro",
8981
+ id: "design-system:miro",
8856
8982
  kind: "design-system",
8857
8983
  name: "Miro",
8858
8984
  description: "Visual collaboration. Bright yellow accent, infinite canvas aesthetic.",
8859
8985
  source: { path: "design-systems/miro" }
8860
8986
  },
8861
8987
  {
8862
- id: "od:design-system:mission-control",
8988
+ id: "design-system:mission-control",
8863
8989
  kind: "design-system",
8864
8990
  name: "Mission Control",
8865
8991
  description: "Space/aerospace mission monitoring. Dark command center, amber telemetry, monospace precision. Functional clarity above all else.",
8866
8992
  source: { path: "design-systems/mission-control" }
8867
8993
  },
8868
8994
  {
8869
- id: "od:design-system:mistral-ai",
8995
+ id: "design-system:mistral-ai",
8870
8996
  kind: "design-system",
8871
8997
  name: "Mistral AI",
8872
8998
  description: "Open-weight LLM provider. French-engineered minimalism, purple-toned.",
8873
8999
  source: { path: "design-systems/mistral-ai" }
8874
9000
  },
8875
9001
  {
8876
- id: "od:design-system:modern",
9002
+ id: "design-system:modern",
8877
9003
  kind: "design-system",
8878
9004
  name: "Modern",
8879
9005
  description: "Contemporary editorial style with serif typography, minimal palettes, and clean layouts for polished digital products.",
8880
9006
  source: { path: "design-systems/modern" }
8881
9007
  },
8882
9008
  {
8883
- id: "od:design-system:mongodb",
9009
+ id: "design-system:mongodb",
8884
9010
  kind: "design-system",
8885
9011
  name: "Mongodb",
8886
9012
  description: "Document database. Green leaf branding, developer documentation focus.",
8887
9013
  source: { path: "design-systems/mongodb" }
8888
9014
  },
8889
9015
  {
8890
- id: "od:design-system:neobrutalism",
9016
+ id: "design-system:neobrutalism",
8891
9017
  kind: "design-system",
8892
9018
  name: "Neobrutalism",
8893
9019
  description: "Modern take on brutalism with bold borders, vivid accent colors, and raw, high-contrast layouts on warm surfaces.",
8894
9020
  source: { path: "design-systems/neobrutalism" }
8895
9021
  },
8896
9022
  {
8897
- id: "od:design-system:neon",
9023
+ id: "design-system:neon",
8898
9024
  kind: "design-system",
8899
9025
  name: "Neon",
8900
9026
  description: "Electric neon glow effects with high-contrast color pairings for bold, attention-grabbing interfaces.",
8901
9027
  source: { path: "design-systems/neon" }
8902
9028
  },
8903
9029
  {
8904
- id: "od:design-system:neumorphism",
9030
+ id: "design-system:neumorphism",
8905
9031
  kind: "design-system",
8906
9032
  name: "Neumorphism",
8907
9033
  description: "Soft, extruded UI elements with inner and outer shadows on monochromatic surfaces for a tactile, embedded look.",
8908
9034
  source: { path: "design-systems/neumorphism" }
8909
9035
  },
8910
9036
  {
8911
- id: "od:design-system:nike",
9037
+ id: "design-system:nike",
8912
9038
  kind: "design-system",
8913
9039
  name: "Nike",
8914
9040
  description: "Athletic retail. Monochrome UI, massive uppercase type, full-bleed photography.",
8915
9041
  source: { path: "design-systems/nike" }
8916
9042
  },
8917
9043
  {
8918
- id: "od:design-system:notion",
9044
+ id: "design-system:notion",
8919
9045
  kind: "design-system",
8920
9046
  name: "Notion",
8921
9047
  description: "All-in-one workspace. Warm minimalism, serif headings, soft surfaces.",
8922
9048
  source: { path: "design-systems/notion" }
8923
9049
  },
8924
9050
  {
8925
- id: "od:design-system:nvidia",
9051
+ id: "design-system:nvidia",
8926
9052
  kind: "design-system",
8927
9053
  name: "Nvidia",
8928
9054
  description: "GPU computing. Green-black energy, technical power aesthetic.",
8929
9055
  source: { path: "design-systems/nvidia" }
8930
9056
  },
8931
9057
  {
8932
- id: "od:design-system:ollama",
9058
+ id: "design-system:ollama",
8933
9059
  kind: "design-system",
8934
9060
  name: "Ollama",
8935
9061
  description: "Run LLMs locally. Terminal-first, monochrome simplicity.",
8936
9062
  source: { path: "design-systems/ollama" }
8937
9063
  },
8938
9064
  {
8939
- id: "od:design-system:openai",
9065
+ id: "design-system:openai",
8940
9066
  kind: "design-system",
8941
9067
  name: "Openai",
8942
9068
  description: "Calm, near-monochrome system anchored in deep teal-black with generous white space and editorial typography.",
8943
9069
  source: { path: "design-systems/openai" }
8944
9070
  },
8945
9071
  {
8946
- id: "od:design-system:opencode-ai",
9072
+ id: "design-system:opencode-ai",
8947
9073
  kind: "design-system",
8948
9074
  name: "Opencode AI",
8949
9075
  description: "AI coding platform. Developer-centric dark theme.",
8950
9076
  source: { path: "design-systems/opencode-ai" }
8951
9077
  },
8952
9078
  {
8953
- id: "od:design-system:pacman",
9079
+ id: "design-system:pacman",
8954
9080
  kind: "design-system",
8955
9081
  name: "Pacman",
8956
9082
  description: "Retro arcade-inspired design with pixel fonts, dotted borders, playful high-contrast colors, and 8-bit game aesthetics.",
8957
9083
  source: { path: "design-systems/pacman" }
8958
9084
  },
8959
9085
  {
8960
- id: "od:design-system:paper",
9086
+ id: "design-system:paper",
8961
9087
  kind: "design-system",
8962
9088
  name: "Paper",
8963
9089
  description: "Paper-textured, print-inspired design with minimal colors, clean serif/sans typography, and tactile surface qualities.",
8964
9090
  source: { path: "design-systems/paper" }
8965
9091
  },
8966
9092
  {
8967
- id: "od:design-system:perplexity",
9093
+ id: "design-system:perplexity",
8968
9094
  kind: "design-system",
8969
9095
  name: "Perplexity",
8970
9096
  description: "Conversational AI search engine. Deep-dark canvas, sharp typography, single violet accent, dense information hierarchy.",
8971
9097
  source: { path: "design-systems/perplexity" }
8972
9098
  },
8973
9099
  {
8974
- id: "od:design-system:perspective",
9100
+ id: "design-system:perspective",
8975
9101
  kind: "design-system",
8976
9102
  name: "Perspective",
8977
9103
  description: "Spatial depth design with isometric views, vanishing points, and layered elements that guide attention through 3D-like realism.",
8978
9104
  source: { path: "design-systems/perspective" }
8979
9105
  },
8980
9106
  {
8981
- id: "od:design-system:pinterest",
9107
+ id: "design-system:pinterest",
8982
9108
  kind: "design-system",
8983
9109
  name: "Pinterest",
8984
9110
  description: "Visual discovery. Red accent, masonry grid, image-first.",
8985
9111
  source: { path: "design-systems/pinterest" }
8986
9112
  },
8987
9113
  {
8988
- id: "od:design-system:playstation",
9114
+ id: "design-system:playstation",
8989
9115
  kind: "design-system",
8990
9116
  name: "Playstation",
8991
9117
  description: "Gaming console retail. Three-surface channel layout, quiet-authority display type, cyan hover-scale.",
8992
9118
  source: { path: "design-systems/playstation" }
8993
9119
  },
8994
9120
  {
8995
- id: "od:design-system:posthog",
9121
+ id: "design-system:posthog",
8996
9122
  kind: "design-system",
8997
9123
  name: "Posthog",
8998
9124
  description: "Product analytics. Playful hedgehog branding, developer-friendly dark UI.",
8999
9125
  source: { path: "design-systems/posthog" }
9000
9126
  },
9001
9127
  {
9002
- id: "od:design-system:premium",
9128
+ id: "design-system:premium",
9003
9129
  kind: "design-system",
9004
9130
  name: "Premium",
9005
9131
  description: "Apple-inspired premium aesthetic with precise spacing, modern typography, and a refined, polished visual language.",
9006
9132
  source: { path: "design-systems/premium" }
9007
9133
  },
9008
9134
  {
9009
- id: "od:design-system:professional",
9135
+ id: "design-system:professional",
9010
9136
  kind: "design-system",
9011
9137
  name: "Professional",
9012
9138
  description: "Polished, business-ready design with modern typography, structured layouts, and a trustworthy visual identity.",
9013
9139
  source: { path: "design-systems/professional" }
9014
9140
  },
9015
9141
  {
9016
- id: "od:design-system:publication",
9142
+ id: "design-system:publication",
9017
9143
  kind: "design-system",
9018
9144
  name: "Publication",
9019
9145
  description: "Print-inspired visual language for books, magazines, and reports with editorial grids and expressive typography.",
9020
9146
  source: { path: "design-systems/publication" }
9021
9147
  },
9022
9148
  {
9023
- id: "od:design-system:raycast",
9149
+ id: "design-system:raycast",
9024
9150
  kind: "design-system",
9025
9151
  name: "Raycast",
9026
9152
  description: "Productivity launcher. Sleek dark chrome, vibrant gradient accents.",
9027
9153
  source: { path: "design-systems/raycast" }
9028
9154
  },
9029
9155
  {
9030
- id: "od:design-system:refined",
9156
+ id: "design-system:refined",
9031
9157
  kind: "design-system",
9032
9158
  name: "Refined",
9033
9159
  description: "Carefully curated, modern minimal style with elegant serif typography and understated, sophisticated palettes.",
9034
9160
  source: { path: "design-systems/refined" }
9035
9161
  },
9036
9162
  {
9037
- id: "od:design-system:renault",
9163
+ id: "design-system:renault",
9038
9164
  kind: "design-system",
9039
9165
  name: "Renault",
9040
9166
  description: "French automotive. Vibrant aurora gradients, NouvelR typography, bold energy.",
9041
9167
  source: { path: "design-systems/renault" }
9042
9168
  },
9043
9169
  {
9044
- id: "od:design-system:replicate",
9170
+ id: "design-system:replicate",
9045
9171
  kind: "design-system",
9046
9172
  name: "Replicate",
9047
9173
  description: "Run ML models via API. Clean white canvas, code-forward.",
9048
9174
  source: { path: "design-systems/replicate" }
9049
9175
  },
9050
9176
  {
9051
- id: "od:design-system:resend",
9177
+ id: "design-system:resend",
9052
9178
  kind: "design-system",
9053
9179
  name: "Resend",
9054
9180
  description: "Email API. Minimal dark theme, monospace accents.",
9055
9181
  source: { path: "design-systems/resend" }
9056
9182
  },
9057
9183
  {
9058
- id: "od:design-system:retro",
9184
+ id: "design-system:retro",
9059
9185
  kind: "design-system",
9060
9186
  name: "Retro",
9061
9187
  description: "Throwback design with vintage-inspired typography, high-contrast retro palettes, and nostalgic visual elements.",
9062
9188
  source: { path: "design-systems/retro" }
9063
9189
  },
9064
9190
  {
9065
- id: "od:design-system:revolut",
9191
+ id: "design-system:revolut",
9066
9192
  kind: "design-system",
9067
9193
  name: "Revolut",
9068
9194
  description: "Digital banking. Sleek dark interface, gradient cards, fintech precision.",
9069
9195
  source: { path: "design-systems/revolut" }
9070
9196
  },
9071
9197
  {
9072
- id: "od:design-system:runwayml",
9198
+ id: "design-system:runwayml",
9073
9199
  kind: "design-system",
9074
9200
  name: "Runwayml",
9075
9201
  description: "AI video generation. Cinematic dark UI, media-rich layout.",
9076
9202
  source: { path: "design-systems/runwayml" }
9077
9203
  },
9078
9204
  {
9079
- id: "od:design-system:sanity",
9205
+ id: "design-system:sanity",
9080
9206
  kind: "design-system",
9081
9207
  name: "Sanity",
9082
9208
  description: "Headless CMS. Red accent, content-first editorial layout.",
9083
9209
  source: { path: "design-systems/sanity" }
9084
9210
  },
9085
9211
  {
9086
- id: "od:design-system:sentry",
9212
+ id: "design-system:sentry",
9087
9213
  kind: "design-system",
9088
9214
  name: "Sentry",
9089
9215
  description: "Error monitoring. Dark dashboard, data-dense, pink-purple accent.",
9090
9216
  source: { path: "design-systems/sentry" }
9091
9217
  },
9092
9218
  {
9093
- id: "od:design-system:shadcn",
9219
+ id: "design-system:shadcn",
9094
9220
  kind: "design-system",
9095
9221
  name: "Shadcn",
9096
9222
  description: "Shadcn/ui-inspired design with minimal, clean components, monochrome palette, and utility-first patterns.",
9097
9223
  source: { path: "design-systems/shadcn" }
9098
9224
  },
9099
9225
  {
9100
- id: "od:design-system:shopify",
9226
+ id: "design-system:shopify",
9101
9227
  kind: "design-system",
9102
9228
  name: "Shopify",
9103
9229
  description: "E-commerce platform. Dark-first cinematic, neon green accent, ultra-light type.",
9104
9230
  source: { path: "design-systems/shopify" }
9105
9231
  },
9106
9232
  {
9107
- id: "od:design-system:simple",
9233
+ id: "design-system:simple",
9108
9234
  kind: "design-system",
9109
9235
  name: "Simple",
9110
9236
  description: "Straightforward, no-frills design with clean typography, neutral colors, and intuitive layouts that stay out of the way.",
9111
9237
  source: { path: "design-systems/simple" }
9112
9238
  },
9113
9239
  {
9114
- id: "od:design-system:skeumorphism",
9240
+ id: "design-system:skeumorphism",
9115
9241
  kind: "design-system",
9116
9242
  name: "Skeumorphism",
9117
9243
  description: "Real-world mimicry with textured surfaces, 3D effects, and familiar physical metaphors for intuitive digital interfaces.",
9118
9244
  source: { path: "design-systems/skeumorphism" }
9119
9245
  },
9120
9246
  {
9121
- id: "od:design-system:slack",
9247
+ id: "design-system:slack",
9122
9248
  kind: "design-system",
9123
9249
  name: "Slack",
9124
9250
  description: "Workplace communication platform. Aubergine-primary, multi-accent logo palette, light surfaces with dark sidebar, warm and approachable.",
9125
9251
  source: { path: "design-systems/slack" }
9126
9252
  },
9127
9253
  {
9128
- id: "od:design-system:sleek",
9254
+ id: "design-system:sleek",
9129
9255
  kind: "design-system",
9130
9256
  name: "Sleek",
9131
9257
  description: "Modern minimalist aesthetic with clean lines, intentional color palette, subtle interactions, and consistent spacing.",
9132
9258
  source: { path: "design-systems/sleek" }
9133
9259
  },
9134
9260
  {
9135
- id: "od:design-system:spacex",
9261
+ id: "design-system:spacex",
9136
9262
  kind: "design-system",
9137
9263
  name: "Spacex",
9138
9264
  description: "Space technology. Stark black and white, full-bleed imagery, futuristic.",
9139
9265
  source: { path: "design-systems/spacex" }
9140
9266
  },
9141
9267
  {
9142
- id: "od:design-system:spacious",
9268
+ id: "design-system:spacious",
9143
9269
  kind: "design-system",
9144
9270
  name: "Spacious",
9145
9271
  description: "Generous whitespace, consistent padding, and grid-based layouts for clean, readable, and breathing interfaces.",
9146
9272
  source: { path: "design-systems/spacious" }
9147
9273
  },
9148
9274
  {
9149
- id: "od:design-system:spotify",
9275
+ id: "design-system:spotify",
9150
9276
  kind: "design-system",
9151
9277
  name: "Spotify",
9152
9278
  description: "Music streaming. Vibrant green on dark, bold type, album-art-driven.",
9153
9279
  source: { path: "design-systems/spotify" }
9154
9280
  },
9155
9281
  {
9156
- id: "od:design-system:starbucks",
9282
+ id: "design-system:starbucks",
9157
9283
  kind: "design-system",
9158
9284
  name: "Starbucks",
9159
9285
  description: "Global coffee retail brand. Four-tier green system, warm cream canvas, full-pill buttons.",
9160
9286
  source: { path: "design-systems/starbucks" }
9161
9287
  },
9162
9288
  {
9163
- id: "od:design-system:storytelling",
9289
+ id: "design-system:storytelling",
9164
9290
  kind: "design-system",
9165
9291
  name: "Storytelling",
9166
9292
  description: "Narrative-driven design using visuals, copy, and interaction to guide users through engaging, emotionally resonant journeys.",
9167
9293
  source: { path: "design-systems/storytelling" }
9168
9294
  },
9169
9295
  {
9170
- id: "od:design-system:stripe",
9296
+ id: "design-system:stripe",
9171
9297
  kind: "design-system",
9172
9298
  name: "Stripe",
9173
9299
  description: "Payment infrastructure. Signature purple gradients, weight-300 elegance.",
9174
9300
  source: { path: "design-systems/stripe" }
9175
9301
  },
9176
9302
  {
9177
- id: "od:design-system:supabase",
9303
+ id: "design-system:supabase",
9178
9304
  kind: "design-system",
9179
9305
  name: "Supabase",
9180
9306
  description: "Open-source Firebase alternative. Dark emerald theme, code-first.",
9181
9307
  source: { path: "design-systems/supabase" }
9182
9308
  },
9183
9309
  {
9184
- id: "od:design-system:superhuman",
9310
+ id: "design-system:superhuman",
9185
9311
  kind: "design-system",
9186
9312
  name: "Superhuman",
9187
9313
  description: "Fast email client. Premium dark UI, keyboard-first, purple glow.",
9188
9314
  source: { path: "design-systems/superhuman" }
9189
9315
  },
9190
9316
  {
9191
- id: "od:design-system:tesla",
9317
+ id: "design-system:tesla",
9192
9318
  kind: "design-system",
9193
9319
  name: "Tesla",
9194
9320
  description: "Electric automotive. Radical subtraction, full-viewport photography, near-zero UI.",
9195
9321
  source: { path: "design-systems/tesla" }
9196
9322
  },
9197
9323
  {
9198
- id: "od:design-system:tetris",
9324
+ id: "design-system:tetris",
9199
9325
  kind: "design-system",
9200
9326
  name: "Tetris",
9201
9327
  description: "Classic block-game inspired design with playful colors, bold display fonts, and compact, high-energy layouts.",
9202
9328
  source: { path: "design-systems/tetris" }
9203
9329
  },
9204
9330
  {
9205
- id: "od:design-system:theverge",
9331
+ id: "design-system:theverge",
9206
9332
  kind: "design-system",
9207
9333
  name: "Theverge",
9208
9334
  description: "Tech editorial media. Acid-mint and ultraviolet accents, Manuka display, rave-flyer story tiles.",
9209
9335
  source: { path: "design-systems/theverge" }
9210
9336
  },
9211
9337
  {
9212
- id: "od:design-system:together-ai",
9338
+ id: "design-system:together-ai",
9213
9339
  kind: "design-system",
9214
9340
  name: "Together AI",
9215
9341
  description: "Open-source AI infrastructure. Technical, blueprint-style design.",
9216
9342
  source: { path: "design-systems/together-ai" }
9217
9343
  },
9218
9344
  {
9219
- id: "od:design-system:totality-festival",
9345
+ id: "design-system:totality-festival",
9220
9346
  kind: "design-system",
9221
9347
  name: "Totality Festival",
9222
9348
  description: 'A cosmic-premium, glassmorphic dark system that captures the visceral awe of a solar eclipse \u2014 obsidian surfaces, amber "corona" highlights, and cyan atmospheric accents.',
9223
9349
  source: { path: "design-systems/totality-festival" }
9224
9350
  },
9225
9351
  {
9226
- id: "od:design-system:uber",
9352
+ id: "design-system:uber",
9227
9353
  kind: "design-system",
9228
9354
  name: "Uber",
9229
9355
  description: "Mobility platform. Bold black and white, tight type, urban energy.",
9230
9356
  source: { path: "design-systems/uber" }
9231
9357
  },
9232
9358
  {
9233
- id: "od:design-system:urdu",
9359
+ id: "design-system:urdu",
9234
9360
  kind: "design-system",
9235
9361
  name: "Urdu",
9236
9362
  description: "Urdu-first digital experiences with native RTL support,Nastaliq typography, and bilingual harmony.",
9237
9363
  source: { path: "design-systems/urdu" }
9238
9364
  },
9239
9365
  {
9240
- id: "od:design-system:vercel",
9366
+ id: "design-system:vercel",
9241
9367
  kind: "design-system",
9242
9368
  name: "Vercel",
9243
9369
  description: "Frontend deployment. Black and white precision, Geist font.",
9244
9370
  source: { path: "design-systems/vercel" }
9245
9371
  },
9246
9372
  {
9247
- id: "od:design-system:vibrant",
9373
+ id: "design-system:vibrant",
9248
9374
  kind: "design-system",
9249
9375
  name: "Vibrant",
9250
9376
  description: "Lively, colorful design with bold playful typography, warm accents, and dynamic visual energy.",
9251
9377
  source: { path: "design-systems/vibrant" }
9252
9378
  },
9253
9379
  {
9254
- id: "od:design-system:vintage",
9380
+ id: "design-system:vintage",
9255
9381
  kind: "design-system",
9256
9382
  name: "Vintage",
9257
9383
  description: "1950s-1990s nostalgia with skeuomorphic touches, grainy textures, retro color palettes, and pixel-style typography.",
9258
9384
  source: { path: "design-systems/vintage" }
9259
9385
  },
9260
9386
  {
9261
- id: "od:design-system:vodafone",
9387
+ id: "design-system:vodafone",
9262
9388
  kind: "design-system",
9263
9389
  name: "Vodafone",
9264
9390
  description: "Global telecom brand. Monumental uppercase display, Vodafone Red chapter bands.",
9265
9391
  source: { path: "design-systems/vodafone" }
9266
9392
  },
9267
9393
  {
9268
- id: "od:design-system:voltagent",
9394
+ id: "design-system:voltagent",
9269
9395
  kind: "design-system",
9270
9396
  name: "Voltagent",
9271
9397
  description: "AI agent framework. Void-black canvas, emerald accent, terminal-native.",
9272
9398
  source: { path: "design-systems/voltagent" }
9273
9399
  },
9274
9400
  {
9275
- id: "od:design-system:warp",
9401
+ id: "design-system:warp",
9276
9402
  kind: "design-system",
9277
9403
  name: "Warp",
9278
9404
  description: "Modern terminal. Dark IDE-like interface, block-based command UI.",
9279
9405
  source: { path: "design-systems/warp" }
9280
9406
  },
9281
9407
  {
9282
- id: "od:design-system:webex",
9408
+ id: "design-system:webex",
9283
9409
  kind: "design-system",
9284
9410
  name: "Webex",
9285
9411
  description: "Collaboration platform. Momentum typography, blue action system, multi-user accent spectrum.",
9286
9412
  source: { path: "design-systems/webex" }
9287
9413
  },
9288
9414
  {
9289
- id: "od:design-system:webflow",
9415
+ id: "design-system:webflow",
9290
9416
  kind: "design-system",
9291
9417
  name: "Webflow",
9292
9418
  description: "Visual web builder. Blue-accented, polished marketing site aesthetic.",
9293
9419
  source: { path: "design-systems/webflow" }
9294
9420
  },
9295
9421
  {
9296
- id: "od:design-system:wechat",
9422
+ id: "design-system:wechat",
9297
9423
  kind: "design-system",
9298
9424
  name: "Wechat",
9299
9425
  description: "Brand visual language for WeChat Mini Programs, official accounts, and open ecosystem extensions.",
9300
9426
  source: { path: "design-systems/wechat" }
9301
9427
  },
9302
9428
  {
9303
- id: "od:design-system:wired",
9429
+ id: "design-system:wired",
9304
9430
  kind: "design-system",
9305
9431
  name: "Wired",
9306
9432
  description: "Tech magazine. Paper-white broadsheet density, custom serif display, mono kickers, ink-blue links.",
9307
9433
  source: { path: "design-systems/wired" }
9308
9434
  },
9309
9435
  {
9310
- id: "od:design-system:wise",
9436
+ id: "design-system:wise",
9311
9437
  kind: "design-system",
9312
9438
  name: "Wise",
9313
9439
  description: "Money transfer. Bright green accent, friendly and clear.",
9314
9440
  source: { path: "design-systems/wise" }
9315
9441
  },
9316
9442
  {
9317
- id: "od:design-system:x-ai",
9443
+ id: "design-system:x-ai",
9318
9444
  kind: "design-system",
9319
9445
  name: "X AI",
9320
9446
  description: "Elon Musk's AI lab. Stark monochrome, futuristic minimalism.",
9321
9447
  source: { path: "design-systems/x-ai" }
9322
9448
  },
9323
9449
  {
9324
- id: "od:design-system:xiaohongshu",
9450
+ id: "design-system:xiaohongshu",
9325
9451
  kind: "design-system",
9326
9452
  name: "Xiaohongshu",
9327
9453
  description: "Lifestyle UGC social platform. Singular brand red, generous radius, content-first.",
9328
9454
  source: { path: "design-systems/xiaohongshu" }
9329
9455
  },
9330
9456
  {
9331
- id: "od:design-system:zapier",
9457
+ id: "design-system:zapier",
9332
9458
  kind: "design-system",
9333
9459
  name: "Zapier",
9334
9460
  description: "Automation platform. Warm orange, friendly illustration-driven.",
9335
9461
  source: { path: "design-systems/zapier" }
9336
9462
  },
9337
9463
  {
9338
- id: "vm0:image-style:notion-illustration",
9464
+ id: "image-style:notion-illustration",
9339
9465
  kind: "image-style",
9340
9466
  name: "Notion Illustration",
9341
9467
  description: "Zero-native illustration style for hand-drawn product spot illustrations with simple ink contours and soft backgrounds.",
@@ -9347,7 +9473,7 @@ var OPEN_DESIGN_REGISTRY = [
9347
9473
  }
9348
9474
  },
9349
9475
  {
9350
- id: "vm0:image-style:vm0-illustration",
9476
+ id: "image-style:vm0-illustration",
9351
9477
  kind: "image-style",
9352
9478
  name: "vm0 Illustration",
9353
9479
  description: "vm0 in-app spot illustration style with bold hand-drawn ink line art, white-filled interiors, and a soft rounded color backdrop.",
@@ -9359,7 +9485,7 @@ var OPEN_DESIGN_REGISTRY = [
9359
9485
  }
9360
9486
  },
9361
9487
  {
9362
- id: "vm0:image-style:postcard-illustration",
9488
+ id: "image-style:postcard-illustration",
9363
9489
  kind: "image-style",
9364
9490
  name: "Postcard Illustration",
9365
9491
  description: "Hand-drawn editorial postcard / travel-journal illustration with fine black ink linework, flat saturated gouache fills, sharp edges, dense small repeated ink patterns, paper-grain texture, sparse white speckles, and a tall portrait composition.",
@@ -9371,7 +9497,7 @@ var OPEN_DESIGN_REGISTRY = [
9371
9497
  }
9372
9498
  },
9373
9499
  {
9374
- id: "vm0:image-style:folk-storybook",
9500
+ id: "image-style:folk-storybook",
9375
9501
  kind: "image-style",
9376
9502
  name: "Folk Storybook Illustration",
9377
9503
  description: "Folk-art children's picture-book illustration \u2014 hand-painted gouache and watercolor scenes with anthropomorphic animal characters, closed-crescent-eye smiles, dusty muted folk palette, and decorative pattern surfaces.",
@@ -9383,7 +9509,7 @@ var OPEN_DESIGN_REGISTRY = [
9383
9509
  }
9384
9510
  },
9385
9511
  {
9386
- id: "vm0:image-style:papernook",
9512
+ id: "image-style:papernook",
9387
9513
  kind: "image-style",
9388
9514
  name: "Papernook",
9389
9515
  description: "Hand-drawn editorial illustration set in a cozy cluttered personal-studio scene with warm cream paper, scratchy ink, painterly gouache fills, dot-eye character face, and dense edge-to-edge thematic props.",
@@ -9395,7 +9521,7 @@ var OPEN_DESIGN_REGISTRY = [
9395
9521
  }
9396
9522
  },
9397
9523
  {
9398
- id: "vm0:image-style:painterly-botanical",
9524
+ id: "image-style:painterly-botanical",
9399
9525
  kind: "image-style",
9400
9526
  name: "Painterly Botanical",
9401
9527
  description: "Painterly watercolor + gouache portrait illustration with a single figure embraced by lush botanicals, closed-eye introspective expression, and a softly tinted paper-wash background.",
@@ -9407,7 +9533,7 @@ var OPEN_DESIGN_REGISTRY = [
9407
9533
  }
9408
9534
  },
9409
9535
  {
9410
- id: "vm0:image-style:iso-scene",
9536
+ id: "image-style:iso-scene",
9411
9537
  kind: "image-style",
9412
9538
  name: "Isometric Editorial Scene",
9413
9539
  description: "Isometric editorial-magazine scene illustration with ultra-fine hairline outlines, flat fills, a saturated monochromatic background, and a scene-as-metaphor composition built from theme-native props.",
@@ -9419,7 +9545,7 @@ var OPEN_DESIGN_REGISTRY = [
9419
9545
  }
9420
9546
  },
9421
9547
  {
9422
- id: "vm0:image-style:inkdab",
9548
+ id: "image-style:inkdab",
9423
9549
  kind: "image-style",
9424
9550
  name: "Inkdab Illustration",
9425
9551
  description: "Brush-pen editorial illustration where a free-floating color dab is painted first, then loose black ink linework is drawn freely on top \u2014 never as an outline around the color. Scribbled hatched hair, open-outline bodies, pure white background.",
@@ -9431,7 +9557,7 @@ var OPEN_DESIGN_REGISTRY = [
9431
9557
  }
9432
9558
  },
9433
9559
  {
9434
- id: "vm0:image-style:riso-relic",
9560
+ id: "image-style:riso-relic",
9435
9561
  kind: "image-style",
9436
9562
  name: "Riso Relic",
9437
9563
  description: 'Pop-art retro risograph poster of a single nostalgic everyday object on a saturated single-hue field \u2014 bold black ink outlines, halftone grain, hand-drawn doodle accents, tiny "SMALL OBJECTS IN TIME" banner up top, chunky retro headline with offset drop-shadow at the bottom.',
@@ -9443,7 +9569,7 @@ var OPEN_DESIGN_REGISTRY = [
9443
9569
  }
9444
9570
  },
9445
9571
  {
9446
- id: "vm0:image-style:inkstomp",
9572
+ id: "image-style:inkstomp",
9447
9573
  kind: "image-style",
9448
9574
  name: "Inkstomp",
9449
9575
  description: "Loud indie-packaging poster style \u2014 full-bleed saturated flat color, a two-line hand-lettered headline, and one weird-cute black brush-ink character.",
@@ -9455,7 +9581,7 @@ var OPEN_DESIGN_REGISTRY = [
9455
9581
  }
9456
9582
  },
9457
9583
  {
9458
- id: "vm0:image-style:folk-muse",
9584
+ id: "image-style:folk-muse",
9459
9585
  kind: "image-style",
9460
9586
  name: "Folk Muse",
9461
9587
  description: "Flat folk-art gouache portrait style \u2014 a single contemplative chest-up figure framed by an asymmetric botanical surround, with painted irises, smooth flat hair, a hand against the cheek, and a patterned robe.",
@@ -9467,7 +9593,7 @@ var OPEN_DESIGN_REGISTRY = [
9467
9593
  }
9468
9594
  },
9469
9595
  {
9470
- id: "vm0:image-style:sunlit-gouache",
9596
+ id: "image-style:sunlit-gouache",
9471
9597
  kind: "image-style",
9472
9598
  name: "Sunlit Gouache",
9473
9599
  description: "Bright pastel travel-painting illustration in opaque gouache on textured paper with chunky flat brushstrokes, vertical one-point perspective, and figures walking into warm sunlight.",
@@ -9479,7 +9605,7 @@ var OPEN_DESIGN_REGISTRY = [
9479
9605
  }
9480
9606
  },
9481
9607
  {
9482
- id: "vm0:image-style:mosaic-still-life",
9608
+ id: "image-style:mosaic-still-life",
9483
9609
  kind: "image-style",
9484
9610
  name: "Mosaic Still Life",
9485
9611
  description: "Editorial still-life illustration in a mosaic-tile + painterly hybrid style \u2014 tessellated ground/sky/wall surfaces with crisp painterly objects, an animal companion, and a patterned textile peeking through.",
@@ -9491,7 +9617,7 @@ var OPEN_DESIGN_REGISTRY = [
9491
9617
  }
9492
9618
  },
9493
9619
  {
9494
- id: "vm0:image-style:ink-mascot",
9620
+ id: "image-style:ink-mascot",
9495
9621
  kind: "image-style",
9496
9622
  name: "Ink Mascot",
9497
9623
  description: "Vintage editorial marketing card. Bold serif headline and short serif descriptor over a hand-drawn black-ink anthropomorphic mascot (stick limbs, chunky white sneakers) on a single solid saturated flat color background.",
@@ -9503,7 +9629,7 @@ var OPEN_DESIGN_REGISTRY = [
9503
9629
  }
9504
9630
  },
9505
9631
  {
9506
- id: "vm0:image-style:sticker-sheet",
9632
+ id: "image-style:sticker-sheet",
9507
9633
  kind: "image-style",
9508
9634
  name: "Sticker Sheet",
9509
9635
  description: "Hand-painted gouache sticker-sheet illustration with ~20 themed objects floating on white, punchy saturated palette, wobbly hand-drawn ink overlay, and tiny decorative marks on every item.",
@@ -9515,7 +9641,7 @@ var OPEN_DESIGN_REGISTRY = [
9515
9641
  }
9516
9642
  },
9517
9643
  {
9518
- id: "vm0:image-style:flat-poster",
9644
+ id: "image-style:flat-poster",
9519
9645
  kind: "image-style",
9520
9646
  name: "Flat Poster",
9521
9647
  description: "Vertical flat-color editorial poster style \u2014 saturated solid background, one centered hand-drawn vector subject in bold deep-navy outlines with strict two-tone fill, headline pinned top-left, wordmark pinned bottom-right.",
@@ -9527,7 +9653,7 @@ var OPEN_DESIGN_REGISTRY = [
9527
9653
  }
9528
9654
  },
9529
9655
  {
9530
- id: "vm0:image-style:mellow-pop",
9656
+ id: "image-style:mellow-pop",
9531
9657
  kind: "image-style",
9532
9658
  name: "Mellow Pop",
9533
9659
  description: "Chill flat-vector editorial poster of a serene recurring character on a fully saturated solid color background, with a signature pop of bright leaf-green and a scene-as-metaphor composition.",
@@ -9539,7 +9665,7 @@ var OPEN_DESIGN_REGISTRY = [
9539
9665
  }
9540
9666
  },
9541
9667
  {
9542
- id: "vm0:image-style:grainy-duotone",
9668
+ id: "image-style:grainy-duotone",
9543
9669
  kind: "image-style",
9544
9670
  name: "Grainy Duotone",
9545
9671
  description: "Editorial spot illustration on a warm cream background \u2014 grainy charcoal-stippled hands, outline-free flat two-tone color blocks with internal patterns, and scattered ambient marks.",
@@ -9551,7 +9677,7 @@ var OPEN_DESIGN_REGISTRY = [
9551
9677
  }
9552
9678
  },
9553
9679
  {
9554
- id: "vm0:image-style:op-ed-cover",
9680
+ id: "image-style:op-ed-cover",
9555
9681
  kind: "image-style",
9556
9682
  name: "Op-Ed Cover",
9557
9683
  description: "Editorial magazine op-ed cover \u2014 flat-vector scene with paper grain, elongated ink-line characters, muted retro palette, and a serif headline block in the lower-right.",
@@ -9563,7 +9689,7 @@ var OPEN_DESIGN_REGISTRY = [
9563
9689
  }
9564
9690
  },
9565
9691
  {
9566
- id: "vm0:image-style:grain-poster",
9692
+ id: "image-style:grain-poster",
9567
9693
  kind: "image-style",
9568
9694
  name: "Grain Poster",
9569
9695
  description: "Flat-vector editorial poster of a serene full-body figure with one hero prop \u2014 riso grain on a single textile, closed-eye smile + red cheek blush, muted limited palette.",
@@ -9575,7 +9701,7 @@ var OPEN_DESIGN_REGISTRY = [
9575
9701
  }
9576
9702
  },
9577
9703
  {
9578
- id: "vm0:image-style:light-pop-portrait",
9704
+ id: "image-style:light-pop-portrait",
9579
9705
  kind: "image-style",
9580
9706
  name: "Light Pop Portrait",
9581
9707
  description: "Light hand-drawn flat-vector single-character portrait on a fully saturated color block \u2014 chunky black hair, big shiny eyes, tiny red nose, pink five-point-star sparkle blush.",
@@ -9587,7 +9713,7 @@ var OPEN_DESIGN_REGISTRY = [
9587
9713
  }
9588
9714
  },
9589
9715
  {
9590
- id: "vm0:image-style:endpaper",
9716
+ id: "image-style:endpaper",
9591
9717
  kind: "image-style",
9592
9718
  name: "Endpaper",
9593
9719
  description: "Riso-grain flat-vector collection of chill characters or objects scattered across a saturated solid color field, with two-tone interior shading and closed-eye sleepy faces.",
@@ -9599,7 +9725,7 @@ var OPEN_DESIGN_REGISTRY = [
9599
9725
  }
9600
9726
  },
9601
9727
  {
9602
- id: "vm0:image-style:editorial-flatfolk",
9728
+ id: "image-style:editorial-flatfolk",
9603
9729
  kind: "image-style",
9604
9730
  name: "Editorial Flatfolk",
9605
9731
  description: "Editorial hand-drawn naive book-illustration style \u2014 flat saturated color blocks, loose ink line overlay, paper grain, and a strong sense of place.",
@@ -9611,7 +9737,7 @@ var OPEN_DESIGN_REGISTRY = [
9611
9737
  }
9612
9738
  },
9613
9739
  {
9614
- id: "vm0:image-style:soft-vector",
9740
+ id: "image-style:soft-vector",
9615
9741
  kind: "image-style",
9616
9742
  name: "Soft Vector",
9617
9743
  description: "Airy flat-vector spot illustration \u2014 square pale-blue canvas, thin ~1.5-2px dark-navy linework with intentionally open / unclosed outlines, flat fills, one muted accent hue, centered subject with breathing room.",
@@ -9623,7 +9749,7 @@ var OPEN_DESIGN_REGISTRY = [
9623
9749
  }
9624
9750
  },
9625
9751
  {
9626
- id: "vm0:image-style:loose-contour",
9752
+ id: "image-style:loose-contour",
9627
9753
  kind: "image-style",
9628
9754
  name: "Loose Contour",
9629
9755
  description: "Flat editorial spot illustration \u2014 open teal contour lines, offset color blobs (printing-misregistration look), one ribbon line on warm cream paper.",
@@ -9635,7 +9761,7 @@ var OPEN_DESIGN_REGISTRY = [
9635
9761
  }
9636
9762
  },
9637
9763
  {
9638
- id: "vm0:image-style:jade-blockprint",
9764
+ id: "image-style:jade-blockprint",
9639
9765
  kind: "image-style",
9640
9766
  name: "Jade Blockprint",
9641
9767
  description: "Two-tone hand-drawn block-print spot illustration \u2014 accent color painted as free-floating shapes on white, with chunky black ink layered on top. Eight palettes.",
@@ -9647,7 +9773,7 @@ var OPEN_DESIGN_REGISTRY = [
9647
9773
  }
9648
9774
  },
9649
9775
  {
9650
- id: "vm0:image-style:shadow-pop",
9776
+ id: "image-style:shadow-pop",
9651
9777
  kind: "image-style",
9652
9778
  name: "Shadow Pop",
9653
9779
  description: "Bright flat-vector illustration with offset black shape shadows, white dashed stitching, palette confetti, and transparent PNG output.",
@@ -9659,7 +9785,7 @@ var OPEN_DESIGN_REGISTRY = [
9659
9785
  }
9660
9786
  },
9661
9787
  {
9662
- id: "vm0:image-style:tiny-wanderer",
9788
+ id: "image-style:tiny-wanderer",
9663
9789
  kind: "image-style",
9664
9790
  name: "Tiny Wanderer",
9665
9791
  description: "Contemplative bande-dessin\xE9e landscape illustration \u2014 tiny human dwarfed by vast nature, ink hatching + flat color, vertical portrait canvas.",
@@ -9671,7 +9797,7 @@ var OPEN_DESIGN_REGISTRY = [
9671
9797
  }
9672
9798
  },
9673
9799
  {
9674
- id: "vm0:image-style:iberian-vignette",
9800
+ id: "image-style:iberian-vignette",
9675
9801
  kind: "image-style",
9676
9802
  name: "Iberian Vignette",
9677
9803
  description: "Hand-drawn editorial vignette style \u2014 loose wobble ink, flat muted cream + burgundy + one accent (sage / mustard / dusty blue / terracotta), minimal abstract faces, observed Mediterranean composition with a serif Spanish wordmark at the bottom.",
@@ -9684,7 +9810,7 @@ var OPEN_DESIGN_REGISTRY = [
9684
9810
  }
9685
9811
  ];
9686
9812
  function filterByKind(kind) {
9687
- return OPEN_DESIGN_REGISTRY.filter((entry) => {
9813
+ return RESOURCE_REGISTRY.filter((entry) => {
9688
9814
  return entry.kind === kind;
9689
9815
  });
9690
9816
  }
@@ -9696,7 +9822,29 @@ function findImageStyle(id) {
9696
9822
  return entry.id === id;
9697
9823
  });
9698
9824
  }
9699
- function toOpenDesignTarget(value) {
9825
+ function listDesignSystems() {
9826
+ return filterByKind("design-system");
9827
+ }
9828
+ function findDesignSystem(id) {
9829
+ return listDesignSystems().find((entry) => {
9830
+ return entry.id === id;
9831
+ });
9832
+ }
9833
+ function listTemplates(target) {
9834
+ const all = filterByKind("template");
9835
+ if (target === void 0) {
9836
+ return all;
9837
+ }
9838
+ return all.filter((entry) => {
9839
+ return entry.targets?.includes(target) ?? false;
9840
+ });
9841
+ }
9842
+ function findTemplate(id) {
9843
+ return filterByKind("template").find((entry) => {
9844
+ return entry.id === id;
9845
+ });
9846
+ }
9847
+ function toGenerationTarget(value) {
9700
9848
  if (value === "dashboard") {
9701
9849
  return "dashboard-design";
9702
9850
  }
@@ -9708,17 +9856,17 @@ function toOpenDesignTarget(value) {
9708
9856
  }
9709
9857
  return value;
9710
9858
  }
9711
- function selectOpenDesignCandidates() {
9859
+ function selectResourceCandidates() {
9712
9860
  return {
9713
- registryVersion: OPEN_DESIGN_REGISTRY_VERSION,
9861
+ registryVersion: RESOURCE_REGISTRY_VERSION,
9714
9862
  source: {
9715
- repo: OPEN_DESIGN_REPO,
9716
- ref: OPEN_DESIGN_COMMIT
9863
+ repo: RESOURCE_REGISTRY_REPO,
9864
+ ref: RESOURCE_REGISTRY_COMMIT
9717
9865
  },
9718
9866
  sources: [
9719
9867
  {
9720
- repo: OPEN_DESIGN_REPO,
9721
- ref: OPEN_DESIGN_COMMIT
9868
+ repo: RESOURCE_REGISTRY_REPO,
9869
+ ref: RESOURCE_REGISTRY_COMMIT
9722
9870
  },
9723
9871
  {
9724
9872
  repo: VM0_SKILLS_REPO,
@@ -9745,7 +9893,7 @@ var artifactRules = [
9745
9893
  "Produce a single final image file and keep any temporary metadata under the output directory."
9746
9894
  ];
9747
9895
  function createStyledImageAuthoringPacket(options) {
9748
- const baseSlice = selectOpenDesignCandidates();
9896
+ const baseSlice = selectResourceCandidates();
9749
9897
  const candidateSlice = {
9750
9898
  ...baseSlice,
9751
9899
  candidates: {
@@ -9857,6 +10005,26 @@ function createStyledImageAuthoringPacket(options) {
9857
10005
  };
9858
10006
  }
9859
10007
 
10008
+ // src/commands/zero/shared/resource-listing.ts
10009
+ init_esm_shims();
10010
+ function formatRegistryListing(entries, emptyLabel) {
10011
+ if (entries.length === 0) {
10012
+ return ` (no ${emptyLabel} registered)`;
10013
+ }
10014
+ return entries.map((entry) => {
10015
+ const desc = entry.desc ?? entry.description;
10016
+ return ` ${entry.id}
10017
+ ${desc}`;
10018
+ }).join("\n\n");
10019
+ }
10020
+ function canonicalizeRegistryId(prefix, value) {
10021
+ const fullPrefix = `${prefix}:`;
10022
+ if (value.startsWith(fullPrefix)) {
10023
+ return value;
10024
+ }
10025
+ return `${fullPrefix}${value}`;
10026
+ }
10027
+
9860
10028
  // src/commands/zero/generate/lib/dispatch.ts
9861
10029
  init_esm_shims();
9862
10030
  import { readFileSync as readFileSync13 } from "fs";
@@ -10522,23 +10690,13 @@ function resolvePrompt(prompt) {
10522
10690
  }
10523
10691
 
10524
10692
  // src/commands/zero/shared/image-generate.ts
10525
- function formatStyleListing(styles) {
10526
- if (styles.length === 0) {
10527
- return " (no image styles registered)";
10528
- }
10529
- return styles.map((style) => {
10530
- const desc = style.desc ?? style.description;
10531
- return ` ${style.id}
10532
- ${desc}`;
10533
- }).join("\n\n");
10534
- }
10535
10693
  function requireStyleError(usageCommand) {
10536
10694
  const styles = listImageStyles();
10537
10695
  const message = [
10538
10696
  "--style <id> or --skip-style is required",
10539
10697
  "",
10540
10698
  "Available styles:",
10541
- formatStyleListing(styles),
10699
+ formatRegistryListing(styles, "image styles"),
10542
10700
  "",
10543
10701
  `Examples:`,
10544
10702
  ` ${usageCommand} --style ${styles[0]?.id ?? "<style-id>"} --prompt "..."`,
@@ -10552,7 +10710,7 @@ function unknownStyleError(id, usageCommand) {
10552
10710
  `Unknown image style: ${id}`,
10553
10711
  "",
10554
10712
  "Available styles:",
10555
- formatStyleListing(styles),
10713
+ formatRegistryListing(styles, "image styles"),
10556
10714
  "",
10557
10715
  `Example:`,
10558
10716
  ` ${usageCommand} --style ${styles[0]?.id ?? "<style-id>"} --prompt "..."`
@@ -10694,7 +10852,7 @@ Options:
10694
10852
  accept --input-fidelity and supported models accept --mask-image-url.
10695
10853
 
10696
10854
  Image Styles:
10697
- ${formatStyleListing(styles)}`;
10855
+ ${formatRegistryListing(styles, "image styles")}`;
10698
10856
  }).action(
10699
10857
  withErrorHandler(async (options, command) => {
10700
10858
  const dispatch = await dispatchGenerate({
@@ -10807,10 +10965,10 @@ var imageCommand = createImageGenerateCommand({
10807
10965
  Use a connector: zero generate image --provider replicate`
10808
10966
  });
10809
10967
 
10810
- // src/commands/zero/generate/open-design-artifacts.ts
10968
+ // src/commands/zero/generate/artifacts.ts
10811
10969
  init_esm_shims();
10812
10970
 
10813
- // src/commands/zero/shared/open-design-artifact-generate.ts
10971
+ // src/commands/zero/shared/artifact-generate.ts
10814
10972
  init_esm_shims();
10815
10973
 
10816
10974
  // src/commands/zero/shared/html-artifact-authoring.ts
@@ -10841,7 +10999,7 @@ function createHtmlArtifactAuthoringPacket(options) {
10841
10999
  const outputDir2 = outputDirForSite(site);
10842
11000
  const hostCommand = `zero host ${outputDir2} --site ${site}${options.kind === "website" ? " --spa" : ""}`;
10843
11001
  const title = titleForKind(options.kind);
10844
- const candidateSlice = selectOpenDesignCandidates();
11002
+ const candidateSlice = selectResourceCandidates();
10845
11003
  const selectionSchema = {
10846
11004
  skills: "string[]",
10847
11005
  template: "string",
@@ -10990,17 +11148,50 @@ function createHtmlArtifactAuthoringPacket(options) {
10990
11148
  };
10991
11149
  }
10992
11150
 
10993
- // src/commands/zero/shared/open-design-artifact-generate.ts
10994
- function createOpenDesignArtifactGenerateCommand(config) {
11151
+ // src/commands/zero/shared/artifact-generate.ts
11152
+ function unknownDesignSystemError(id, usageCommand) {
11153
+ const designSystems = listDesignSystems();
11154
+ const message = [
11155
+ `Unknown design system: ${id}`,
11156
+ "",
11157
+ "Available design systems:",
11158
+ formatRegistryListing(designSystems, "design systems"),
11159
+ "",
11160
+ `Example:`,
11161
+ ` ${usageCommand} --design-system ${designSystems[0]?.id ?? "<design-system-id>"} --prompt "..."`
11162
+ ].join("\n");
11163
+ return new Error(message);
11164
+ }
11165
+ function unknownTemplateError(id, usageCommand, target) {
11166
+ const templates = listTemplates(target);
11167
+ const message = [
11168
+ `Unknown template for ${target}: ${id}`,
11169
+ "",
11170
+ `Available templates for ${target}:`,
11171
+ formatRegistryListing(templates, `${target} templates`),
11172
+ "",
11173
+ `Example:`,
11174
+ ` ${usageCommand} --template ${templates[0]?.id ?? "<template-id>"} --prompt "..."`
11175
+ ].join("\n");
11176
+ return new Error(message);
11177
+ }
11178
+ function createArtifactGenerateCommand(config) {
10995
11179
  return new Command().name(config.name).description(config.description).option("--prompt <text>", "Artifact prompt; can also be piped via stdin").option(
10996
11180
  "--provider <name>",
10997
11181
  "Provider: 'built-in' to run vm0's pipeline, or a connector name to get its skill-invocation guidance"
10998
11182
  ).option(
10999
11183
  "--all",
11000
11184
  "When listing providers (no --prompt given), include unavailable or not-yet-authorized connectors"
11001
- ).option("--site <slug>", "Hosted site slug; defaults to generated name").option("--title <text>", "Requested artifact title or name").option("--audience <text>", "Audience context").option("--json", "Print metadata as JSON").addHelpText(
11002
- "after",
11003
- `
11185
+ ).option("--site <slug>", "Hosted site slug; defaults to generated name").option("--title <text>", "Requested artifact title or name").option("--audience <text>", "Audience context").option(
11186
+ "--design-system <id>",
11187
+ "Design system id from the registry (see Design Systems below). Accepts either 'apple' or 'design-system:apple'."
11188
+ ).option(
11189
+ "--template <id>",
11190
+ `Template id from the registry, scoped to ${config.target} (see Templates below). Accepts either short id or full 'template:<id>'.`
11191
+ ).option("--json", "Print metadata as JSON").addHelpText("after", () => {
11192
+ const designSystems = listDesignSystems();
11193
+ const templates = listTemplates(config.target);
11194
+ return `
11004
11195
  Examples:
11005
11196
  ${config.examples}
11006
11197
 
@@ -11010,8 +11201,14 @@ Output:
11010
11201
  --prompt and no piped input, prints the provider menu instead.
11011
11202
 
11012
11203
  Notes:
11013
- - Authenticates via ZERO_TOKEN`
11014
- ).action(
11204
+ - Authenticates via ZERO_TOKEN
11205
+
11206
+ Design Systems:
11207
+ ${formatRegistryListing(designSystems, "design systems")}
11208
+
11209
+ Templates (${config.target}):
11210
+ ${formatRegistryListing(templates, `${config.target} templates`)}`;
11211
+ }).action(
11015
11212
  withErrorHandler(async (options) => {
11016
11213
  const dispatch = await dispatchGenerate({
11017
11214
  generationType: config.generationType,
@@ -11022,12 +11219,47 @@ Notes:
11022
11219
  });
11023
11220
  if (dispatch.outcome === "handled") return;
11024
11221
  const prompt = dispatch.prompt;
11222
+ let resolvedDesignSystem;
11223
+ if (options.designSystem !== void 0) {
11224
+ const canonical = canonicalizeRegistryId(
11225
+ "design-system",
11226
+ options.designSystem
11227
+ );
11228
+ const entry = findDesignSystem(canonical);
11229
+ if (!entry) {
11230
+ throw unknownDesignSystemError(
11231
+ options.designSystem,
11232
+ config.usageCommand
11233
+ );
11234
+ }
11235
+ resolvedDesignSystem = entry;
11236
+ }
11237
+ let resolvedTemplate;
11238
+ if (options.template !== void 0) {
11239
+ const canonical = canonicalizeRegistryId(
11240
+ "template",
11241
+ options.template
11242
+ );
11243
+ const entry = findTemplate(canonical);
11244
+ if (!entry || !entry.targets?.includes(config.target)) {
11245
+ throw unknownTemplateError(
11246
+ options.template,
11247
+ config.usageCommand,
11248
+ config.target
11249
+ );
11250
+ }
11251
+ resolvedTemplate = entry;
11252
+ }
11253
+ const extraDetails = [
11254
+ `Selected design system: ${resolvedDesignSystem ? `${resolvedDesignSystem.id} (${resolvedDesignSystem.name})` : "agent decides"}`,
11255
+ `Selected template: ${resolvedTemplate ? `${resolvedTemplate.id} (${resolvedTemplate.name})` : "agent decides"}`
11256
+ ];
11025
11257
  const packet = createHtmlArtifactAuthoringPacket({
11026
- kind: toOpenDesignTarget(config.target),
11258
+ kind: toGenerationTarget(config.target),
11027
11259
  prompt,
11028
11260
  slugSource: options.title,
11029
11261
  site: options.site,
11030
- details: config.details(options),
11262
+ details: [...config.details(options), ...extraDetails],
11031
11263
  artifactRules: config.artifactRules
11032
11264
  });
11033
11265
  if (options.json) {
@@ -11039,7 +11271,7 @@ Notes:
11039
11271
  );
11040
11272
  }
11041
11273
 
11042
- // src/commands/zero/generate/open-design-artifacts.ts
11274
+ // src/commands/zero/generate/artifacts.ts
11043
11275
  function standardDetails(kind) {
11044
11276
  return (options) => {
11045
11277
  return [
@@ -11049,7 +11281,7 @@ function standardDetails(kind) {
11049
11281
  ];
11050
11282
  };
11051
11283
  }
11052
- var reportCommand = createOpenDesignArtifactGenerateCommand({
11284
+ var reportCommand = createArtifactGenerateCommand({
11053
11285
  name: "report",
11054
11286
  generationType: "report",
11055
11287
  target: "report",
@@ -11066,7 +11298,7 @@ var reportCommand = createOpenDesignArtifactGenerateCommand({
11066
11298
  "Verify the report is readable at desktop and mobile widths."
11067
11299
  ]
11068
11300
  });
11069
- var docsDesignCommand = createOpenDesignArtifactGenerateCommand({
11301
+ var docsDesignCommand = createArtifactGenerateCommand({
11070
11302
  name: "docs-design",
11071
11303
  generationType: "docs-design",
11072
11304
  target: "docs-design",
@@ -11083,7 +11315,7 @@ var docsDesignCommand = createOpenDesignArtifactGenerateCommand({
11083
11315
  "Verify the page works at mobile and desktop widths."
11084
11316
  ]
11085
11317
  });
11086
- var posterCommand = createOpenDesignArtifactGenerateCommand({
11318
+ var posterCommand = createArtifactGenerateCommand({
11087
11319
  name: "poster",
11088
11320
  generationType: "poster",
11089
11321
  target: "poster",
@@ -11100,7 +11332,7 @@ var posterCommand = createOpenDesignArtifactGenerateCommand({
11100
11332
  "Keep text deliberate and avoid placeholder copy."
11101
11333
  ]
11102
11334
  });
11103
- var dashboardDesignCommand = createOpenDesignArtifactGenerateCommand({
11335
+ var dashboardDesignCommand = createArtifactGenerateCommand({
11104
11336
  name: "dashboard-design",
11105
11337
  generationType: "dashboard-design",
11106
11338
  target: "dashboard-design",
@@ -11117,7 +11349,7 @@ var dashboardDesignCommand = createOpenDesignArtifactGenerateCommand({
11117
11349
  "Verify the dashboard does not overflow at desktop and mobile widths."
11118
11350
  ]
11119
11351
  });
11120
- var mobileAppDesignCommand = createOpenDesignArtifactGenerateCommand({
11352
+ var mobileAppDesignCommand = createArtifactGenerateCommand({
11121
11353
  name: "mobile-app-design",
11122
11354
  generationType: "mobile-app-design",
11123
11355
  target: "mobile-app-design",
@@ -11141,6 +11373,7 @@ init_esm_shims();
11141
11373
  // src/commands/zero/shared/presentation-generate.ts
11142
11374
  init_esm_shims();
11143
11375
  var PRESENTATION_MAX_IMAGES = 8;
11376
+ var PRESENTATION_TARGET = "presentation";
11144
11377
  function parseSlideCount(value) {
11145
11378
  const slideCount = Number(value);
11146
11379
  if (!Number.isInteger(slideCount)) {
@@ -11160,6 +11393,32 @@ function parseImageCount(value) {
11160
11393
  }
11161
11394
  return imageCount;
11162
11395
  }
11396
+ function unknownDesignSystemError2(id, usageCommand) {
11397
+ const designSystems = listDesignSystems();
11398
+ const message = [
11399
+ `Unknown design system: ${id}`,
11400
+ "",
11401
+ "Available design systems:",
11402
+ formatRegistryListing(designSystems, "design systems"),
11403
+ "",
11404
+ `Example:`,
11405
+ ` ${usageCommand} --design-system ${designSystems[0]?.id ?? "<design-system-id>"} --prompt "..."`
11406
+ ].join("\n");
11407
+ return new Error(message);
11408
+ }
11409
+ function unknownTemplateError2(id, usageCommand, target) {
11410
+ const templates = listTemplates(PRESENTATION_TARGET);
11411
+ const message = [
11412
+ `Unknown template for ${target}: ${id}`,
11413
+ "",
11414
+ `Available templates for ${target}:`,
11415
+ formatRegistryListing(templates, `${target} templates`),
11416
+ "",
11417
+ `Example:`,
11418
+ ` ${usageCommand} --template ${templates[0]?.id ?? "<template-id>"} --prompt "..."`
11419
+ ].join("\n");
11420
+ return new Error(message);
11421
+ }
11163
11422
  function createPresentationGenerateCommand(config) {
11164
11423
  return new Command().name(config.name).description("Generate an HTML presentation from a prompt").option(
11165
11424
  "--prompt <text>",
@@ -11181,9 +11440,16 @@ function createPresentationGenerateCommand(config) {
11181
11440
  ).option(
11182
11441
  "--theme <theme>",
11183
11442
  "Theme: editorial supports ink, coral, forest; swiss supports ikb, lemon, lime, mono"
11184
- ).option("--audience <text>", "Audience context").option("--title <text>", "Requested deck title").option("--json", "Print metadata as JSON").addHelpText(
11185
- "after",
11186
- `
11443
+ ).option("--audience <text>", "Audience context").option("--title <text>", "Requested deck title").option(
11444
+ "--design-system <id>",
11445
+ "Design system id from the registry (see Design Systems below). Accepts either 'apple' or 'design-system:apple'."
11446
+ ).option(
11447
+ "--template <id>",
11448
+ "Template id from the registry, scoped to presentation (see Templates below). Accepts either 'html-ppt-pitch-deck' or 'template:html-ppt-pitch-deck'."
11449
+ ).option("--json", "Print metadata as JSON").addHelpText("after", () => {
11450
+ const designSystems = listDesignSystems();
11451
+ const templates = listTemplates(PRESENTATION_TARGET);
11452
+ return `
11187
11453
  Examples:
11188
11454
  ${config.examples}
11189
11455
 
@@ -11192,8 +11458,14 @@ Output:
11192
11458
 
11193
11459
  Notes:
11194
11460
  - Authenticates via ZERO_TOKEN
11195
- - The agent authors the HTML presentation artifact and hosts it with zero host`
11196
- ).action(
11461
+ - The agent authors the HTML presentation artifact and hosts it with zero host
11462
+
11463
+ Design Systems:
11464
+ ${formatRegistryListing(designSystems, "design systems")}
11465
+
11466
+ Templates (presentation):
11467
+ ${formatRegistryListing(templates, "presentation templates")}`;
11468
+ }).action(
11197
11469
  withErrorHandler(async (options) => {
11198
11470
  const dispatch = await dispatchGenerate({
11199
11471
  generationType: config.generationType,
@@ -11204,6 +11476,37 @@ Notes:
11204
11476
  });
11205
11477
  if (dispatch.outcome === "handled") return;
11206
11478
  const prompt = dispatch.prompt;
11479
+ let resolvedDesignSystem;
11480
+ if (options.designSystem !== void 0) {
11481
+ const canonical = canonicalizeRegistryId(
11482
+ "design-system",
11483
+ options.designSystem
11484
+ );
11485
+ const entry = findDesignSystem(canonical);
11486
+ if (!entry) {
11487
+ throw unknownDesignSystemError2(
11488
+ options.designSystem,
11489
+ config.usageCommand
11490
+ );
11491
+ }
11492
+ resolvedDesignSystem = entry;
11493
+ }
11494
+ let resolvedTemplate;
11495
+ if (options.template !== void 0) {
11496
+ const canonical = canonicalizeRegistryId(
11497
+ "template",
11498
+ options.template
11499
+ );
11500
+ const entry = findTemplate(canonical);
11501
+ if (!entry || !entry.targets?.includes(PRESENTATION_TARGET)) {
11502
+ throw unknownTemplateError2(
11503
+ options.template,
11504
+ config.usageCommand,
11505
+ PRESENTATION_TARGET
11506
+ );
11507
+ }
11508
+ resolvedTemplate = entry;
11509
+ }
11207
11510
  const packet = createHtmlArtifactAuthoringPacket({
11208
11511
  kind: "presentation",
11209
11512
  prompt,
@@ -11215,7 +11518,9 @@ Notes:
11215
11518
  `Image model preference if visuals are generated separately: ${options.imageModel ?? "default"}`,
11216
11519
  `Theme: ${options.theme ?? "agent decides from style"}`,
11217
11520
  `Audience: ${options.audience ?? "not specified"}`,
11218
- `Requested deck title: ${options.title ?? "not specified"}`
11521
+ `Requested deck title: ${options.title ?? "not specified"}`,
11522
+ `Selected design system: ${resolvedDesignSystem ? `${resolvedDesignSystem.id} (${resolvedDesignSystem.name})` : "agent decides"}`,
11523
+ `Selected template: ${resolvedTemplate ? `${resolvedTemplate.id} (${resolvedTemplate.name})` : "agent decides"}`
11219
11524
  ],
11220
11525
  artifactRules: [
11221
11526
  "Think like a presentation designer, not a web page designer.",
@@ -11567,15 +11872,19 @@ var videoCommand = createVideoGenerateCommand({
11567
11872
 
11568
11873
  // src/commands/zero/generate/website.ts
11569
11874
  init_esm_shims();
11570
- var WEBSITE_TEMPLATES = ["auto", "launch", "profile"];
11875
+ var WEBSITE_TEMPLATE_DIRECTIONS = ["auto", "launch", "profile"];
11571
11876
  var WEBSITE_MAX_IMAGES = 3;
11572
- function parseTemplate(value) {
11573
- if (WEBSITE_TEMPLATES.some((template) => {
11574
- return template === value;
11877
+ var WEBSITE_TARGET = "website";
11878
+ var WEBSITE_USAGE_COMMAND = "zero generate website";
11879
+ function parseTemplateDirection(value) {
11880
+ if (WEBSITE_TEMPLATE_DIRECTIONS.some((direction) => {
11881
+ return direction === value;
11575
11882
  })) {
11576
11883
  return value;
11577
11884
  }
11578
- throw new InvalidArgumentError("template must be auto, launch, or profile");
11885
+ throw new InvalidArgumentError(
11886
+ "template-direction must be auto, launch, or profile"
11887
+ );
11579
11888
  }
11580
11889
  function parseImageCount2(value) {
11581
11890
  const imageCount = Number(value);
@@ -11589,6 +11898,32 @@ function parseImageCount2(value) {
11589
11898
  }
11590
11899
  return imageCount;
11591
11900
  }
11901
+ function unknownDesignSystemError3(id) {
11902
+ const designSystems = listDesignSystems();
11903
+ const message = [
11904
+ `Unknown design system: ${id}`,
11905
+ "",
11906
+ "Available design systems:",
11907
+ formatRegistryListing(designSystems, "design systems"),
11908
+ "",
11909
+ `Example:`,
11910
+ ` ${WEBSITE_USAGE_COMMAND} --design-system ${designSystems[0]?.id ?? "<design-system-id>"} --prompt "..."`
11911
+ ].join("\n");
11912
+ return new Error(message);
11913
+ }
11914
+ function unknownTemplateError3(id) {
11915
+ const templates = listTemplates(WEBSITE_TARGET);
11916
+ const message = [
11917
+ `Unknown template for ${WEBSITE_TARGET}: ${id}`,
11918
+ "",
11919
+ `Available templates for ${WEBSITE_TARGET}:`,
11920
+ formatRegistryListing(templates, `${WEBSITE_TARGET} templates`),
11921
+ "",
11922
+ `Example:`,
11923
+ ` ${WEBSITE_USAGE_COMMAND} --template ${templates[0]?.id ?? "<template-id>"} --prompt "..."`
11924
+ ].join("\n");
11925
+ return new Error(message);
11926
+ }
11592
11927
  var websiteCommand = new Command().name("website").description("Prepare website authoring instructions from a prompt").option("--prompt <text>", "Website prompt; can also be piped via stdin").option(
11593
11928
  "--provider <name>",
11594
11929
  "Provider: 'built-in' to run vm0's pipeline, or a connector name to get its skill-invocation guidance"
@@ -11596,10 +11931,16 @@ var websiteCommand = new Command().name("website").description("Prepare website
11596
11931
  "--all",
11597
11932
  "When listing providers (no --prompt given), include unavailable or not-yet-authorized connectors"
11598
11933
  ).option(
11599
- "--template <template>",
11600
- "Template: auto, launch, or profile",
11601
- parseTemplate,
11934
+ "--template-direction <direction>",
11935
+ "High-level website direction: auto, launch, or profile",
11936
+ parseTemplateDirection,
11602
11937
  "auto"
11938
+ ).option(
11939
+ "--template <id>",
11940
+ "Template id from the registry, scoped to website (see Templates below). Accepts either short id or full 'template:<id>'."
11941
+ ).option(
11942
+ "--design-system <id>",
11943
+ "Design system id from the registry (see Design Systems below). Accepts either 'apple' or 'design-system:apple'."
11603
11944
  ).option(
11604
11945
  "--images <count>",
11605
11946
  `Generated website image count: 0-${WEBSITE_MAX_IMAGES}`,
@@ -11608,12 +11949,15 @@ var websiteCommand = new Command().name("website").description("Prepare website
11608
11949
  ).option(
11609
11950
  "--image-model <model>",
11610
11951
  "Image model for generated visuals (default: gpt-image-1): gpt-image-2, gpt-image-1.5, gpt-image-1, gpt-image-1-mini, flux-pro-1.1, flux-pro-1.1-ultra, qwen-image, or seedream4"
11611
- ).option("--site <slug>", "Hosted site slug; defaults to the generated name").option("--title <text>", "Requested site title or name").option("--audience <text>", "Audience context").option("--json", "Print metadata as JSON").addHelpText(
11612
- "after",
11613
- `
11952
+ ).option("--site <slug>", "Hosted site slug; defaults to the generated name").option("--title <text>", "Requested site title or name").option("--audience <text>", "Audience context").option("--json", "Print metadata as JSON").addHelpText("after", () => {
11953
+ const designSystems = listDesignSystems();
11954
+ const templates = listTemplates(WEBSITE_TARGET);
11955
+ return `
11614
11956
  Examples:
11615
11957
  Generate site: zero generate website --prompt "A launch site for a developer observability tool"
11616
- Pick template: zero generate website --template profile --images 2 --image-model gpt-image-1.5 --prompt "Portfolio for a robotics photographer"
11958
+ Pick direction: zero generate website --template-direction profile --images 2 --image-model gpt-image-1.5 --prompt "Portfolio for a robotics photographer"
11959
+ Pick template: zero generate website --template saas-landing --prompt "Launch site for a billing API"
11960
+ Pick design system: zero generate website --design-system stripe --prompt "Pricing page for a SaaS"
11617
11961
  Stable hosted slug: zero generate website --site api-migration-demo --prompt "An internal migration microsite"
11618
11962
  Pipe prompt: cat brief.txt | zero generate website
11619
11963
  List providers: zero generate website
@@ -11624,8 +11968,14 @@ Output:
11624
11968
 
11625
11969
  Notes:
11626
11970
  - Authenticates via ZERO_TOKEN
11627
- - The agent authors the HTML artifact and hosts it with zero host`
11628
- ).action(
11971
+ - The agent authors the HTML artifact and hosts it with zero host
11972
+
11973
+ Design Systems:
11974
+ ${formatRegistryListing(designSystems, "design systems")}
11975
+
11976
+ Templates (website):
11977
+ ${formatRegistryListing(templates, "website templates")}`;
11978
+ }).action(
11629
11979
  withErrorHandler(async (options) => {
11630
11980
  const dispatch = await dispatchGenerate({
11631
11981
  generationType: "website",
@@ -11636,17 +11986,40 @@ Notes:
11636
11986
  });
11637
11987
  if (dispatch.outcome === "handled") return;
11638
11988
  const prompt = dispatch.prompt;
11989
+ let resolvedDesignSystem;
11990
+ if (options.designSystem !== void 0) {
11991
+ const canonical = canonicalizeRegistryId(
11992
+ "design-system",
11993
+ options.designSystem
11994
+ );
11995
+ const entry = findDesignSystem(canonical);
11996
+ if (!entry) {
11997
+ throw unknownDesignSystemError3(options.designSystem);
11998
+ }
11999
+ resolvedDesignSystem = entry;
12000
+ }
12001
+ let resolvedTemplate;
12002
+ if (options.template !== void 0) {
12003
+ const canonical = canonicalizeRegistryId("template", options.template);
12004
+ const entry = findTemplate(canonical);
12005
+ if (!entry || !entry.targets?.includes(WEBSITE_TARGET)) {
12006
+ throw unknownTemplateError3(options.template);
12007
+ }
12008
+ resolvedTemplate = entry;
12009
+ }
11639
12010
  const packet = createHtmlArtifactAuthoringPacket({
11640
12011
  kind: "website",
11641
12012
  prompt,
11642
12013
  slugSource: options.title,
11643
12014
  site: options.site,
11644
12015
  details: [
11645
- `Template direction: ${options.template}`,
12016
+ `Template direction: ${options.templateDirection}`,
11646
12017
  `Suggested generated visual count: ${options.images}`,
11647
12018
  `Image model preference if visuals are generated separately: ${options.imageModel ?? "default"}`,
11648
12019
  `Requested title/site name: ${options.title ?? "not specified"}`,
11649
- `Audience: ${options.audience ?? "not specified"}`
12020
+ `Audience: ${options.audience ?? "not specified"}`,
12021
+ `Selected design system: ${resolvedDesignSystem ? `${resolvedDesignSystem.id} (${resolvedDesignSystem.name})` : "agent decides"}`,
12022
+ `Selected template: ${resolvedTemplate ? `${resolvedTemplate.id} (${resolvedTemplate.name})` : "agent decides"}`
11650
12023
  ],
11651
12024
  artifactRules: [
11652
12025
  "Build the usable website as the first screen; do not output a landing-page plan.",
@@ -12652,7 +13025,7 @@ function registerZeroCommands(prog, commands) {
12652
13025
  var program = new Command();
12653
13026
  program.name("zero").description(
12654
13027
  "Zero CLI \u2014 interact with the zero platform from inside the sandbox"
12655
- ).version("9.174.2").addHelpText("after", () => {
13028
+ ).version("9.175.0").addHelpText("after", () => {
12656
13029
  return buildZeroHelpText();
12657
13030
  });
12658
13031
  if (process.argv[1]?.endsWith("zero.js") || process.argv[1]?.endsWith("zero.ts") || process.argv[1]?.endsWith("zero")) {