@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/{chunk-XKSHXEND.js → chunk-JUT7ZEYX.js} +4 -4
- package/{chunk-XKSHXEND.js.map → chunk-JUT7ZEYX.js.map} +1 -1
- package/index.js +9 -9
- package/package.json +1 -1
- package/zero.js +921 -548
- package/zero.js.map +1 -1
package/zero.js
CHANGED
|
@@ -145,7 +145,7 @@ import {
|
|
|
145
145
|
withErrorHandler,
|
|
146
146
|
zeroAgentCustomSkillNameSchema,
|
|
147
147
|
zeroTokenAllowsFeatureSwitch
|
|
148
|
-
} from "./chunk-
|
|
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/
|
|
6949
|
+
// src/commands/zero/shared/resource-registry.ts
|
|
6950
6950
|
init_esm_shims();
|
|
6951
|
-
var
|
|
6952
|
-
var
|
|
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
|
|
6956
|
-
var
|
|
6955
|
+
var RESOURCE_REGISTRY_VERSION = "v1";
|
|
6956
|
+
var RESOURCE_REGISTRY = [
|
|
6957
6957
|
{
|
|
6958
|
-
id: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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
|
|
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
|
|
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
|
|
9859
|
+
function selectResourceCandidates() {
|
|
9712
9860
|
return {
|
|
9713
|
-
registryVersion:
|
|
9861
|
+
registryVersion: RESOURCE_REGISTRY_VERSION,
|
|
9714
9862
|
source: {
|
|
9715
|
-
repo:
|
|
9716
|
-
ref:
|
|
9863
|
+
repo: RESOURCE_REGISTRY_REPO,
|
|
9864
|
+
ref: RESOURCE_REGISTRY_COMMIT
|
|
9717
9865
|
},
|
|
9718
9866
|
sources: [
|
|
9719
9867
|
{
|
|
9720
|
-
repo:
|
|
9721
|
-
ref:
|
|
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 =
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
${
|
|
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/
|
|
10968
|
+
// src/commands/zero/generate/artifacts.ts
|
|
10811
10969
|
init_esm_shims();
|
|
10812
10970
|
|
|
10813
|
-
// src/commands/zero/shared/
|
|
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 =
|
|
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/
|
|
10994
|
-
function
|
|
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(
|
|
11002
|
-
"
|
|
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
|
-
|
|
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:
|
|
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/
|
|
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 =
|
|
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 =
|
|
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 =
|
|
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 =
|
|
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 =
|
|
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(
|
|
11185
|
-
"
|
|
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
|
-
|
|
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
|
|
11875
|
+
var WEBSITE_TEMPLATE_DIRECTIONS = ["auto", "launch", "profile"];
|
|
11571
11876
|
var WEBSITE_MAX_IMAGES = 3;
|
|
11572
|
-
|
|
11573
|
-
|
|
11574
|
-
|
|
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(
|
|
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 <
|
|
11600
|
-
"
|
|
11601
|
-
|
|
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
|
-
|
|
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
|
|
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
|
-
|
|
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.
|
|
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.
|
|
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")) {
|