@vm0/cli 9.174.2 → 9.174.3
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-HS5QLAW2.js} +4 -4
- package/{chunk-XKSHXEND.js.map → chunk-HS5QLAW2.js.map} +1 -1
- package/index.js +9 -9
- package/package.json +1 -1
- package/zero.js +397 -397
- 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-HS5QLAW2.js";
|
|
149
149
|
import {
|
|
150
150
|
__toESM,
|
|
151
151
|
init_esm_shims
|
|
@@ -6946,2396 +6946,2396 @@ 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
7522
|
source: { path: "design-templates/dashboard" }
|
|
7523
7523
|
},
|
|
7524
7524
|
{
|
|
7525
|
-
id: "
|
|
7525
|
+
id: "template:finance-report",
|
|
7526
7526
|
kind: "template",
|
|
7527
7527
|
name: "Finance Report",
|
|
7528
7528
|
description: "Quarterly or monthly financial report with masthead KPIs, revenue and burn charts, P&L summary, highlights, and outlook.",
|
|
7529
7529
|
source: { path: "design-templates/finance-report" }
|
|
7530
7530
|
},
|
|
7531
7531
|
{
|
|
7532
|
-
id: "
|
|
7532
|
+
id: "template:docs-page",
|
|
7533
7533
|
kind: "template",
|
|
7534
7534
|
name: "Docs Page",
|
|
7535
7535
|
description: "Documentation page with inline-start navigation, scrollable article body, and inline-end table of contents.",
|
|
7536
7536
|
source: { path: "design-templates/docs-page" }
|
|
7537
7537
|
},
|
|
7538
7538
|
{
|
|
7539
|
-
id: "
|
|
7539
|
+
id: "template:mobile-app",
|
|
7540
7540
|
kind: "template",
|
|
7541
7541
|
name: "Mobile App Design",
|
|
7542
7542
|
description: "Mobile app screen rendered inside a pixel-accurate iPhone 15 Pro frame using reusable screen archetypes.",
|
|
7543
7543
|
source: { path: "design-templates/mobile-app" }
|
|
7544
7544
|
},
|
|
7545
7545
|
{
|
|
7546
|
-
id: "
|
|
7546
|
+
id: "template:html-ppt-graphify-dark-graph",
|
|
7547
7547
|
kind: "template",
|
|
7548
7548
|
name: "Graphify Dark Graph",
|
|
7549
7549
|
description: "Dark knowledge-graph deck with midnight gradients, force-graph cover visuals, command-line highlights, and glass-morphism cards.",
|
|
7550
7550
|
source: { path: "design-templates/html-ppt-graphify-dark-graph" }
|
|
7551
7551
|
},
|
|
7552
7552
|
{
|
|
7553
|
-
id: "
|
|
7553
|
+
id: "template:html-ppt-zhangzara-retro-zine",
|
|
7554
7554
|
kind: "template",
|
|
7555
7555
|
name: "Zhangzara Retro Zine",
|
|
7556
7556
|
description: "Retro editorial zine presentation template with expressive composition, tactile paper energy, and bold magazine-like rhythm.",
|
|
7557
7557
|
source: { path: "design-templates/html-ppt-zhangzara-retro-zine" }
|
|
7558
7558
|
},
|
|
7559
7559
|
{
|
|
7560
|
-
id: "
|
|
7560
|
+
id: "template:weekly-update",
|
|
7561
7561
|
kind: "template",
|
|
7562
7562
|
name: "Weekly Update",
|
|
7563
7563
|
description: "Single-file horizontal-swipe weekly team update deck for shipped work, in-flight work, blockers, metrics, and asks.",
|
|
7564
7564
|
source: { path: "design-templates/weekly-update" }
|
|
7565
7565
|
},
|
|
7566
7566
|
{
|
|
7567
|
-
id: "
|
|
7567
|
+
id: "template:web-prototype-taste-editorial",
|
|
7568
7568
|
kind: "template",
|
|
7569
7569
|
name: "Taste Editorial Web Prototype",
|
|
7570
7570
|
description: "Editorial-minimalist web prototype with warm monochrome canvas, serif display type, hairline borders, pastel chips, and ambient micro-motion.",
|
|
7571
7571
|
source: { path: "design-templates/web-prototype-taste-editorial" }
|
|
7572
7572
|
},
|
|
7573
7573
|
{
|
|
7574
|
-
id: "
|
|
7574
|
+
id: "template:audio-jingle",
|
|
7575
7575
|
kind: "template",
|
|
7576
7576
|
name: "Audio Jingle",
|
|
7577
7577
|
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
7578
|
source: { path: "design-templates/audio-jingle" }
|
|
7579
7579
|
},
|
|
7580
7580
|
{
|
|
7581
|
-
id: "
|
|
7581
|
+
id: "template:blog-post",
|
|
7582
7582
|
kind: "template",
|
|
7583
7583
|
name: "Blog Post",
|
|
7584
7584
|
description: "A long-form article / blog post \u2014 masthead, hero image placeholder, article body with figures and pull quotes, author byline, related posts.",
|
|
7585
7585
|
source: { path: "design-templates/blog-post" }
|
|
7586
7586
|
},
|
|
7587
7587
|
{
|
|
7588
|
-
id: "
|
|
7588
|
+
id: "template:clinical-case-report",
|
|
7589
7589
|
kind: "template",
|
|
7590
7590
|
name: "Clinical Case Report",
|
|
7591
7591
|
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
7592
|
source: { path: "design-templates/clinical-case-report" }
|
|
7593
7593
|
},
|
|
7594
7594
|
{
|
|
7595
|
-
id: "
|
|
7595
|
+
id: "template:critique",
|
|
7596
7596
|
kind: "template",
|
|
7597
7597
|
name: "Critique",
|
|
7598
7598
|
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
7599
|
source: { path: "design-templates/critique" }
|
|
7600
7600
|
},
|
|
7601
7601
|
{
|
|
7602
|
-
id: "
|
|
7602
|
+
id: "template:dating-web",
|
|
7603
7603
|
kind: "template",
|
|
7604
7604
|
name: "Dating Web",
|
|
7605
7605
|
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
7606
|
source: { path: "design-templates/dating-web" }
|
|
7607
7607
|
},
|
|
7608
7608
|
{
|
|
7609
|
-
id: "
|
|
7609
|
+
id: "template:dcf-valuation",
|
|
7610
7610
|
kind: "template",
|
|
7611
7611
|
name: "Dcf Valuation",
|
|
7612
7612
|
description: "Discounted cash flow valuation and intrinsic value analysis for public companies.",
|
|
7613
7613
|
source: { path: "design-templates/dcf-valuation" }
|
|
7614
7614
|
},
|
|
7615
7615
|
{
|
|
7616
|
-
id: "
|
|
7616
|
+
id: "template:digital-eguide",
|
|
7617
7617
|
kind: "template",
|
|
7618
7618
|
name: "Digital Eguide",
|
|
7619
7619
|
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
7620
|
source: { path: "design-templates/digital-eguide" }
|
|
7621
7621
|
},
|
|
7622
7622
|
{
|
|
7623
|
-
id: "
|
|
7623
|
+
id: "template:email-marketing",
|
|
7624
7624
|
kind: "template",
|
|
7625
7625
|
name: "Email Marketing",
|
|
7626
7626
|
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
7627
|
source: { path: "design-templates/email-marketing" }
|
|
7628
7628
|
},
|
|
7629
7629
|
{
|
|
7630
|
-
id: "
|
|
7630
|
+
id: "template:eng-runbook",
|
|
7631
7631
|
kind: "template",
|
|
7632
7632
|
name: "Eng Runbook",
|
|
7633
7633
|
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
7634
|
source: { path: "design-templates/eng-runbook" }
|
|
7635
7635
|
},
|
|
7636
7636
|
{
|
|
7637
|
-
id: "
|
|
7637
|
+
id: "template:flowai-live-dashboard-template",
|
|
7638
7638
|
kind: "template",
|
|
7639
7639
|
name: "Flowai Live Dashboard Template",
|
|
7640
7640
|
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
7641
|
source: { path: "design-templates/flowai-live-dashboard-template" }
|
|
7642
7642
|
},
|
|
7643
7643
|
{
|
|
7644
|
-
id: "
|
|
7644
|
+
id: "template:gamified-app",
|
|
7645
7645
|
kind: "template",
|
|
7646
7646
|
name: "Gamified App",
|
|
7647
7647
|
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
7648
|
source: { path: "design-templates/gamified-app" }
|
|
7649
7649
|
},
|
|
7650
7650
|
{
|
|
7651
|
-
id: "
|
|
7651
|
+
id: "template:github-dashboard",
|
|
7652
7652
|
kind: "template",
|
|
7653
7653
|
name: "Github Dashboard",
|
|
7654
7654
|
description: "GitHub repository analytics dashboard \u2014 stars, forks, contributors, issues, pull requests, recent activity, and top contributors.",
|
|
7655
7655
|
source: { path: "design-templates/github-dashboard" }
|
|
7656
7656
|
},
|
|
7657
7657
|
{
|
|
7658
|
-
id: "
|
|
7658
|
+
id: "template:guizang-ppt",
|
|
7659
7659
|
kind: "template",
|
|
7660
7660
|
name: "Guizang PPT",
|
|
7661
7661
|
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
7662
|
source: { path: "design-templates/guizang-ppt" }
|
|
7663
7663
|
},
|
|
7664
7664
|
{
|
|
7665
|
-
id: "
|
|
7665
|
+
id: "template:hr-onboarding",
|
|
7666
7666
|
kind: "template",
|
|
7667
7667
|
name: "Hr Onboarding",
|
|
7668
7668
|
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
7669
|
source: { path: "design-templates/hr-onboarding" }
|
|
7670
7670
|
},
|
|
7671
7671
|
{
|
|
7672
|
-
id: "
|
|
7672
|
+
id: "template:html-ppt",
|
|
7673
7673
|
kind: "template",
|
|
7674
7674
|
name: "HTML PPT",
|
|
7675
7675
|
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
7676
|
source: { path: "design-templates/html-ppt" }
|
|
7677
7677
|
},
|
|
7678
7678
|
{
|
|
7679
|
-
id: "
|
|
7679
|
+
id: "template:html-ppt-course-module",
|
|
7680
7680
|
kind: "template",
|
|
7681
7681
|
name: "HTML PPT Course Module",
|
|
7682
7682
|
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
7683
|
source: { path: "design-templates/html-ppt-course-module" }
|
|
7684
7684
|
},
|
|
7685
7685
|
{
|
|
7686
|
-
id: "
|
|
7686
|
+
id: "template:html-ppt-dir-key-nav-minimal",
|
|
7687
7687
|
kind: "template",
|
|
7688
7688
|
name: "HTML PPT Dir Key Nav Minimal",
|
|
7689
7689
|
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
7690
|
source: { path: "design-templates/html-ppt-dir-key-nav-minimal" }
|
|
7691
7691
|
},
|
|
7692
7692
|
{
|
|
7693
|
-
id: "
|
|
7693
|
+
id: "template:html-ppt-hermes-cyber-terminal",
|
|
7694
7694
|
kind: "template",
|
|
7695
7695
|
name: "HTML PPT Hermes Cyber Terminal",
|
|
7696
7696
|
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
7697
|
source: { path: "design-templates/html-ppt-hermes-cyber-terminal" }
|
|
7698
7698
|
},
|
|
7699
7699
|
{
|
|
7700
|
-
id: "
|
|
7700
|
+
id: "template:html-ppt-knowledge-arch-blueprint",
|
|
7701
7701
|
kind: "template",
|
|
7702
7702
|
name: "HTML PPT Knowledge Arch Blueprint",
|
|
7703
7703
|
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
7704
|
source: { path: "design-templates/html-ppt-knowledge-arch-blueprint" }
|
|
7705
7705
|
},
|
|
7706
7706
|
{
|
|
7707
|
-
id: "
|
|
7707
|
+
id: "template:html-ppt-obsidian-claude-gradient",
|
|
7708
7708
|
kind: "template",
|
|
7709
7709
|
name: "HTML PPT Obsidian Claude Gradient",
|
|
7710
7710
|
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
7711
|
source: { path: "design-templates/html-ppt-obsidian-claude-gradient" }
|
|
7712
7712
|
},
|
|
7713
7713
|
{
|
|
7714
|
-
id: "
|
|
7714
|
+
id: "template:html-ppt-pitch-deck",
|
|
7715
7715
|
kind: "template",
|
|
7716
7716
|
name: "HTML PPT Pitch Deck",
|
|
7717
7717
|
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
7718
|
source: { path: "design-templates/html-ppt-pitch-deck" }
|
|
7719
7719
|
},
|
|
7720
7720
|
{
|
|
7721
|
-
id: "
|
|
7721
|
+
id: "template:html-ppt-presenter-mode-reveal",
|
|
7722
7722
|
kind: "template",
|
|
7723
7723
|
name: "HTML PPT Presenter Mode Reveal",
|
|
7724
7724
|
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
7725
|
source: { path: "design-templates/html-ppt-presenter-mode-reveal" }
|
|
7726
7726
|
},
|
|
7727
7727
|
{
|
|
7728
|
-
id: "
|
|
7728
|
+
id: "template:html-ppt-product-launch",
|
|
7729
7729
|
kind: "template",
|
|
7730
7730
|
name: "HTML PPT Product Launch",
|
|
7731
7731
|
description: "Launch keynote deck \u2014 dark hero + light content, warm orange\u2192peach accent, feature cards, pricing tiers, CTA.",
|
|
7732
7732
|
source: { path: "design-templates/html-ppt-product-launch" }
|
|
7733
7733
|
},
|
|
7734
7734
|
{
|
|
7735
|
-
id: "
|
|
7735
|
+
id: "template:html-ppt-taste-brutalist",
|
|
7736
7736
|
kind: "template",
|
|
7737
7737
|
name: "HTML PPT Taste Brutalist",
|
|
7738
7738
|
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
7739
|
source: { path: "design-templates/html-ppt-taste-brutalist" }
|
|
7740
7740
|
},
|
|
7741
7741
|
{
|
|
7742
|
-
id: "
|
|
7742
|
+
id: "template:html-ppt-taste-editorial",
|
|
7743
7743
|
kind: "template",
|
|
7744
7744
|
name: "HTML PPT Taste Editorial",
|
|
7745
7745
|
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
7746
|
source: { path: "design-templates/html-ppt-taste-editorial" }
|
|
7747
7747
|
},
|
|
7748
7748
|
{
|
|
7749
|
-
id: "
|
|
7749
|
+
id: "template:html-ppt-tech-sharing",
|
|
7750
7750
|
kind: "template",
|
|
7751
7751
|
name: "HTML PPT Tech Sharing",
|
|
7752
7752
|
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
7753
|
source: { path: "design-templates/html-ppt-tech-sharing" }
|
|
7754
7754
|
},
|
|
7755
7755
|
{
|
|
7756
|
-
id: "
|
|
7756
|
+
id: "template:html-ppt-testing-safety-alert",
|
|
7757
7757
|
kind: "template",
|
|
7758
7758
|
name: "HTML PPT Testing Safety Alert",
|
|
7759
7759
|
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
7760
|
source: { path: "design-templates/html-ppt-testing-safety-alert" }
|
|
7761
7761
|
},
|
|
7762
7762
|
{
|
|
7763
|
-
id: "
|
|
7763
|
+
id: "template:html-ppt-weekly-report",
|
|
7764
7764
|
kind: "template",
|
|
7765
7765
|
name: "HTML PPT Weekly Report",
|
|
7766
7766
|
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
7767
|
source: { path: "design-templates/html-ppt-weekly-report" }
|
|
7768
7768
|
},
|
|
7769
7769
|
{
|
|
7770
|
-
id: "
|
|
7770
|
+
id: "template:html-ppt-xhs-pastel-card",
|
|
7771
7771
|
kind: "template",
|
|
7772
7772
|
name: "HTML PPT Xhs Pastel Card",
|
|
7773
7773
|
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
7774
|
source: { path: "design-templates/html-ppt-xhs-pastel-card" }
|
|
7775
7775
|
},
|
|
7776
7776
|
{
|
|
7777
|
-
id: "
|
|
7777
|
+
id: "template:html-ppt-xhs-post",
|
|
7778
7778
|
kind: "template",
|
|
7779
7779
|
name: "HTML PPT Xhs Post",
|
|
7780
7780
|
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
7781
|
source: { path: "design-templates/html-ppt-xhs-post" }
|
|
7782
7782
|
},
|
|
7783
7783
|
{
|
|
7784
|
-
id: "
|
|
7784
|
+
id: "template:html-ppt-xhs-white-editorial",
|
|
7785
7785
|
kind: "template",
|
|
7786
7786
|
name: "HTML PPT Xhs White Editorial",
|
|
7787
7787
|
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
7788
|
source: { path: "design-templates/html-ppt-xhs-white-editorial" }
|
|
7789
7789
|
},
|
|
7790
7790
|
{
|
|
7791
|
-
id: "
|
|
7791
|
+
id: "template:html-ppt-zhangzara-8-bit-orbit",
|
|
7792
7792
|
kind: "template",
|
|
7793
7793
|
name: "HTML PPT Zhangzara 8 Bit Orbit",
|
|
7794
7794
|
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
7795
|
source: { path: "design-templates/html-ppt-zhangzara-8-bit-orbit" }
|
|
7796
7796
|
},
|
|
7797
7797
|
{
|
|
7798
|
-
id: "
|
|
7798
|
+
id: "template:html-ppt-zhangzara-biennale-yellow",
|
|
7799
7799
|
kind: "template",
|
|
7800
7800
|
name: "HTML PPT Zhangzara Biennale Yellow",
|
|
7801
7801
|
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
7802
|
source: { path: "design-templates/html-ppt-zhangzara-biennale-yellow" }
|
|
7803
7803
|
},
|
|
7804
7804
|
{
|
|
7805
|
-
id: "
|
|
7805
|
+
id: "template:html-ppt-zhangzara-block-frame",
|
|
7806
7806
|
kind: "template",
|
|
7807
7807
|
name: "HTML PPT Zhangzara Block Frame",
|
|
7808
7808
|
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
7809
|
source: { path: "design-templates/html-ppt-zhangzara-block-frame" }
|
|
7810
7810
|
},
|
|
7811
7811
|
{
|
|
7812
|
-
id: "
|
|
7812
|
+
id: "template:html-ppt-zhangzara-blue-professional",
|
|
7813
7813
|
kind: "template",
|
|
7814
7814
|
name: "HTML PPT Zhangzara Blue Professional",
|
|
7815
7815
|
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
7816
|
source: { path: "design-templates/html-ppt-zhangzara-blue-professional" }
|
|
7817
7817
|
},
|
|
7818
7818
|
{
|
|
7819
|
-
id: "
|
|
7819
|
+
id: "template:html-ppt-zhangzara-bold-poster",
|
|
7820
7820
|
kind: "template",
|
|
7821
7821
|
name: "HTML PPT Zhangzara Bold Poster",
|
|
7822
7822
|
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
7823
|
source: { path: "design-templates/html-ppt-zhangzara-bold-poster" }
|
|
7824
7824
|
},
|
|
7825
7825
|
{
|
|
7826
|
-
id: "
|
|
7826
|
+
id: "template:html-ppt-zhangzara-broadside",
|
|
7827
7827
|
kind: "template",
|
|
7828
7828
|
name: "HTML PPT Zhangzara Broadside",
|
|
7829
7829
|
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
7830
|
source: { path: "design-templates/html-ppt-zhangzara-broadside" }
|
|
7831
7831
|
},
|
|
7832
7832
|
{
|
|
7833
|
-
id: "
|
|
7833
|
+
id: "template:html-ppt-zhangzara-capsule",
|
|
7834
7834
|
kind: "template",
|
|
7835
7835
|
name: "HTML PPT Zhangzara Capsule",
|
|
7836
7836
|
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
7837
|
source: { path: "design-templates/html-ppt-zhangzara-capsule" }
|
|
7838
7838
|
},
|
|
7839
7839
|
{
|
|
7840
|
-
id: "
|
|
7840
|
+
id: "template:html-ppt-zhangzara-cartesian",
|
|
7841
7841
|
kind: "template",
|
|
7842
7842
|
name: "HTML PPT Zhangzara Cartesian",
|
|
7843
7843
|
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
7844
|
source: { path: "design-templates/html-ppt-zhangzara-cartesian" }
|
|
7845
7845
|
},
|
|
7846
7846
|
{
|
|
7847
|
-
id: "
|
|
7847
|
+
id: "template:html-ppt-zhangzara-cobalt-grid",
|
|
7848
7848
|
kind: "template",
|
|
7849
7849
|
name: "HTML PPT Zhangzara Cobalt Grid",
|
|
7850
7850
|
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
7851
|
source: { path: "design-templates/html-ppt-zhangzara-cobalt-grid" }
|
|
7852
7852
|
},
|
|
7853
7853
|
{
|
|
7854
|
-
id: "
|
|
7854
|
+
id: "template:html-ppt-zhangzara-coral",
|
|
7855
7855
|
kind: "template",
|
|
7856
7856
|
name: "HTML PPT Zhangzara Coral",
|
|
7857
7857
|
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
7858
|
source: { path: "design-templates/html-ppt-zhangzara-coral" }
|
|
7859
7859
|
},
|
|
7860
7860
|
{
|
|
7861
|
-
id: "
|
|
7861
|
+
id: "template:html-ppt-zhangzara-creative-mode",
|
|
7862
7862
|
kind: "template",
|
|
7863
7863
|
name: "HTML PPT Zhangzara Creative Mode",
|
|
7864
7864
|
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
7865
|
source: { path: "design-templates/html-ppt-zhangzara-creative-mode" }
|
|
7866
7866
|
},
|
|
7867
7867
|
{
|
|
7868
|
-
id: "
|
|
7868
|
+
id: "template:html-ppt-zhangzara-daisy-days",
|
|
7869
7869
|
kind: "template",
|
|
7870
7870
|
name: "HTML PPT Zhangzara Daisy Days",
|
|
7871
7871
|
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
7872
|
source: { path: "design-templates/html-ppt-zhangzara-daisy-days" }
|
|
7873
7873
|
},
|
|
7874
7874
|
{
|
|
7875
|
-
id: "
|
|
7875
|
+
id: "template:html-ppt-zhangzara-editorial-tri-tone",
|
|
7876
7876
|
kind: "template",
|
|
7877
7877
|
name: "HTML PPT Zhangzara Editorial Tri Tone",
|
|
7878
7878
|
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
7879
|
source: { path: "design-templates/html-ppt-zhangzara-editorial-tri-tone" }
|
|
7880
7880
|
},
|
|
7881
7881
|
{
|
|
7882
|
-
id: "
|
|
7882
|
+
id: "template:html-ppt-zhangzara-grove",
|
|
7883
7883
|
kind: "template",
|
|
7884
7884
|
name: "HTML PPT Zhangzara Grove",
|
|
7885
7885
|
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
7886
|
source: { path: "design-templates/html-ppt-zhangzara-grove" }
|
|
7887
7887
|
},
|
|
7888
7888
|
{
|
|
7889
|
-
id: "
|
|
7889
|
+
id: "template:html-ppt-zhangzara-long-table",
|
|
7890
7890
|
kind: "template",
|
|
7891
7891
|
name: "HTML PPT Zhangzara Long Table",
|
|
7892
7892
|
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
7893
|
source: { path: "design-templates/html-ppt-zhangzara-long-table" }
|
|
7894
7894
|
},
|
|
7895
7895
|
{
|
|
7896
|
-
id: "
|
|
7896
|
+
id: "template:html-ppt-zhangzara-mat",
|
|
7897
7897
|
kind: "template",
|
|
7898
7898
|
name: "HTML PPT Zhangzara Mat",
|
|
7899
7899
|
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
7900
|
source: { path: "design-templates/html-ppt-zhangzara-mat" }
|
|
7901
7901
|
},
|
|
7902
7902
|
{
|
|
7903
|
-
id: "
|
|
7903
|
+
id: "template:html-ppt-zhangzara-monochrome",
|
|
7904
7904
|
kind: "template",
|
|
7905
7905
|
name: "HTML PPT Zhangzara Monochrome",
|
|
7906
7906
|
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
7907
|
source: { path: "design-templates/html-ppt-zhangzara-monochrome" }
|
|
7908
7908
|
},
|
|
7909
7909
|
{
|
|
7910
|
-
id: "
|
|
7910
|
+
id: "template:html-ppt-zhangzara-neo-grid-bold",
|
|
7911
7911
|
kind: "template",
|
|
7912
7912
|
name: "HTML PPT Zhangzara Neo Grid Bold",
|
|
7913
7913
|
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
7914
|
source: { path: "design-templates/html-ppt-zhangzara-neo-grid-bold" }
|
|
7915
7915
|
},
|
|
7916
7916
|
{
|
|
7917
|
-
id: "
|
|
7917
|
+
id: "template:html-ppt-zhangzara-peoples-platform",
|
|
7918
7918
|
kind: "template",
|
|
7919
7919
|
name: "HTML PPT Zhangzara Peoples Platform",
|
|
7920
7920
|
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
7921
|
source: { path: "design-templates/html-ppt-zhangzara-peoples-platform" }
|
|
7922
7922
|
},
|
|
7923
7923
|
{
|
|
7924
|
-
id: "
|
|
7924
|
+
id: "template:html-ppt-zhangzara-pin-and-paper",
|
|
7925
7925
|
kind: "template",
|
|
7926
7926
|
name: "HTML PPT Zhangzara Pin And Paper",
|
|
7927
7927
|
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
7928
|
source: { path: "design-templates/html-ppt-zhangzara-pin-and-paper" }
|
|
7929
7929
|
},
|
|
7930
7930
|
{
|
|
7931
|
-
id: "
|
|
7931
|
+
id: "template:html-ppt-zhangzara-pink-script",
|
|
7932
7932
|
kind: "template",
|
|
7933
7933
|
name: "HTML PPT Zhangzara Pink Script",
|
|
7934
7934
|
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
7935
|
source: { path: "design-templates/html-ppt-zhangzara-pink-script" }
|
|
7936
7936
|
},
|
|
7937
7937
|
{
|
|
7938
|
-
id: "
|
|
7938
|
+
id: "template:html-ppt-zhangzara-playful",
|
|
7939
7939
|
kind: "template",
|
|
7940
7940
|
name: "HTML PPT Zhangzara Playful",
|
|
7941
7941
|
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
7942
|
source: { path: "design-templates/html-ppt-zhangzara-playful" }
|
|
7943
7943
|
},
|
|
7944
7944
|
{
|
|
7945
|
-
id: "
|
|
7945
|
+
id: "template:html-ppt-zhangzara-raw-grid",
|
|
7946
7946
|
kind: "template",
|
|
7947
7947
|
name: "HTML PPT Zhangzara Raw Grid",
|
|
7948
7948
|
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
7949
|
source: { path: "design-templates/html-ppt-zhangzara-raw-grid" }
|
|
7950
7950
|
},
|
|
7951
7951
|
{
|
|
7952
|
-
id: "
|
|
7952
|
+
id: "template:html-ppt-zhangzara-retro-windows",
|
|
7953
7953
|
kind: "template",
|
|
7954
7954
|
name: "HTML PPT Zhangzara Retro Windows",
|
|
7955
7955
|
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
7956
|
source: { path: "design-templates/html-ppt-zhangzara-retro-windows" }
|
|
7957
7957
|
},
|
|
7958
7958
|
{
|
|
7959
|
-
id: "
|
|
7959
|
+
id: "template:html-ppt-zhangzara-sakura-chroma",
|
|
7960
7960
|
kind: "template",
|
|
7961
7961
|
name: "HTML PPT Zhangzara Sakura Chroma",
|
|
7962
7962
|
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
7963
|
source: { path: "design-templates/html-ppt-zhangzara-sakura-chroma" }
|
|
7964
7964
|
},
|
|
7965
7965
|
{
|
|
7966
|
-
id: "
|
|
7966
|
+
id: "template:html-ppt-zhangzara-scatterbrain",
|
|
7967
7967
|
kind: "template",
|
|
7968
7968
|
name: "HTML PPT Zhangzara Scatterbrain",
|
|
7969
7969
|
description: "Scatterbrain \u2014 Post-it inspired: pastel sticky notes, Caveat handwriting, Shrikhand + Zilla Slab. For brainstorms, workshops, creative-agency credentials, ideation pitches.",
|
|
7970
7970
|
source: { path: "design-templates/html-ppt-zhangzara-scatterbrain" }
|
|
7971
7971
|
},
|
|
7972
7972
|
{
|
|
7973
|
-
id: "
|
|
7973
|
+
id: "template:html-ppt-zhangzara-signal",
|
|
7974
7974
|
kind: "template",
|
|
7975
7975
|
name: "HTML PPT Zhangzara Signal",
|
|
7976
7976
|
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
7977
|
source: { path: "design-templates/html-ppt-zhangzara-signal" }
|
|
7978
7978
|
},
|
|
7979
7979
|
{
|
|
7980
|
-
id: "
|
|
7980
|
+
id: "template:html-ppt-zhangzara-soft-editorial",
|
|
7981
7981
|
kind: "template",
|
|
7982
7982
|
name: "HTML PPT Zhangzara Soft Editorial",
|
|
7983
7983
|
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
7984
|
source: { path: "design-templates/html-ppt-zhangzara-soft-editorial" }
|
|
7985
7985
|
},
|
|
7986
7986
|
{
|
|
7987
|
-
id: "
|
|
7987
|
+
id: "template:html-ppt-zhangzara-stencil-tablet",
|
|
7988
7988
|
kind: "template",
|
|
7989
7989
|
name: "HTML PPT Zhangzara Stencil Tablet",
|
|
7990
7990
|
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
7991
|
source: { path: "design-templates/html-ppt-zhangzara-stencil-tablet" }
|
|
7992
7992
|
},
|
|
7993
7993
|
{
|
|
7994
|
-
id: "
|
|
7994
|
+
id: "template:html-ppt-zhangzara-studio",
|
|
7995
7995
|
kind: "template",
|
|
7996
7996
|
name: "HTML PPT Zhangzara Studio",
|
|
7997
7997
|
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
7998
|
source: { path: "design-templates/html-ppt-zhangzara-studio" }
|
|
7999
7999
|
},
|
|
8000
8000
|
{
|
|
8001
|
-
id: "
|
|
8001
|
+
id: "template:html-ppt-zhangzara-vellum",
|
|
8002
8002
|
kind: "template",
|
|
8003
8003
|
name: "HTML PPT Zhangzara Vellum",
|
|
8004
8004
|
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
8005
|
source: { path: "design-templates/html-ppt-zhangzara-vellum" }
|
|
8006
8006
|
},
|
|
8007
8007
|
{
|
|
8008
|
-
id: "
|
|
8008
|
+
id: "template:hyperframes",
|
|
8009
8009
|
kind: "template",
|
|
8010
8010
|
name: "Hyperframes",
|
|
8011
8011
|
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
8012
|
source: { path: "design-templates/hyperframes" }
|
|
8013
8013
|
},
|
|
8014
8014
|
{
|
|
8015
|
-
id: "
|
|
8015
|
+
id: "template:ib-pitch-book",
|
|
8016
8016
|
kind: "template",
|
|
8017
8017
|
name: "Ib Pitch Book",
|
|
8018
8018
|
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
8019
|
source: { path: "design-templates/ib-pitch-book" }
|
|
8020
8020
|
},
|
|
8021
8021
|
{
|
|
8022
|
-
id: "
|
|
8022
|
+
id: "template:image-poster",
|
|
8023
8023
|
kind: "template",
|
|
8024
8024
|
name: "Image Poster",
|
|
8025
8025
|
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
8026
|
source: { path: "design-templates/image-poster" }
|
|
8027
8027
|
},
|
|
8028
8028
|
{
|
|
8029
|
-
id: "
|
|
8029
|
+
id: "template:invoice",
|
|
8030
8030
|
kind: "template",
|
|
8031
8031
|
name: "Invoice",
|
|
8032
8032
|
description: "A printable invoice page \u2014 sender + recipient block, line items table, tax breakdown, totals, and payment instructions.",
|
|
8033
8033
|
source: { path: "design-templates/invoice" }
|
|
8034
8034
|
},
|
|
8035
8035
|
{
|
|
8036
|
-
id: "
|
|
8036
|
+
id: "template:kami-deck",
|
|
8037
8037
|
kind: "template",
|
|
8038
8038
|
name: "Kami Deck",
|
|
8039
8039
|
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
8040
|
source: { path: "design-templates/kami-deck" }
|
|
8041
8041
|
},
|
|
8042
8042
|
{
|
|
8043
|
-
id: "
|
|
8043
|
+
id: "template:kami-landing",
|
|
8044
8044
|
kind: "template",
|
|
8045
8045
|
name: "Kami Landing",
|
|
8046
8046
|
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
8047
|
source: { path: "design-templates/kami-landing" }
|
|
8048
8048
|
},
|
|
8049
8049
|
{
|
|
8050
|
-
id: "
|
|
8050
|
+
id: "template:kanban-board",
|
|
8051
8051
|
kind: "template",
|
|
8052
8052
|
name: "Kanban Board",
|
|
8053
8053
|
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
8054
|
source: { path: "design-templates/kanban-board" }
|
|
8055
8055
|
},
|
|
8056
8056
|
{
|
|
8057
|
-
id: "
|
|
8057
|
+
id: "template:last30days",
|
|
8058
8058
|
kind: "template",
|
|
8059
8059
|
name: "Last30days",
|
|
8060
8060
|
description: "Recent community and social trend research over the last 30 days.",
|
|
8061
8061
|
source: { path: "design-templates/last30days" }
|
|
8062
8062
|
},
|
|
8063
8063
|
{
|
|
8064
|
-
id: "
|
|
8064
|
+
id: "template:live-artifact",
|
|
8065
8065
|
kind: "template",
|
|
8066
8066
|
name: "Live Artifact",
|
|
8067
8067
|
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
8068
|
source: { path: "design-templates/live-artifact" }
|
|
8069
8069
|
},
|
|
8070
8070
|
{
|
|
8071
|
-
id: "
|
|
8071
|
+
id: "template:live-dashboard",
|
|
8072
8072
|
kind: "template",
|
|
8073
8073
|
name: "Live Dashboard",
|
|
8074
8074
|
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
8075
|
source: { path: "design-templates/live-dashboard" }
|
|
8076
8076
|
},
|
|
8077
8077
|
{
|
|
8078
|
-
id: "
|
|
8078
|
+
id: "template:magazine-poster",
|
|
8079
8079
|
kind: "template",
|
|
8080
8080
|
name: "Magazine Poster",
|
|
8081
8081
|
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
8082
|
source: { path: "design-templates/magazine-poster" }
|
|
8083
8083
|
},
|
|
8084
8084
|
{
|
|
8085
|
-
id: "
|
|
8085
|
+
id: "template:meeting-notes",
|
|
8086
8086
|
kind: "template",
|
|
8087
8087
|
name: "Meeting Notes",
|
|
8088
8088
|
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
8089
|
source: { path: "design-templates/meeting-notes" }
|
|
8090
8090
|
},
|
|
8091
8091
|
{
|
|
8092
|
-
id: "
|
|
8092
|
+
id: "template:mobile-onboarding",
|
|
8093
8093
|
kind: "template",
|
|
8094
8094
|
name: "Mobile Onboarding",
|
|
8095
8095
|
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
8096
|
source: { path: "design-templates/mobile-onboarding" }
|
|
8097
8097
|
},
|
|
8098
8098
|
{
|
|
8099
|
-
id: "
|
|
8099
|
+
id: "template:motion-frames",
|
|
8100
8100
|
kind: "template",
|
|
8101
8101
|
name: "Motion Frames",
|
|
8102
8102
|
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
8103
|
source: { path: "design-templates/motion-frames" }
|
|
8104
8104
|
},
|
|
8105
8105
|
{
|
|
8106
|
-
id: "
|
|
8106
|
+
id: "template:open-design-landing",
|
|
8107
8107
|
kind: "template",
|
|
8108
8108
|
name: "Editorial Landing",
|
|
8109
8109
|
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
8110
|
source: { path: "design-templates/open-design-landing" }
|
|
8111
8111
|
},
|
|
8112
8112
|
{
|
|
8113
|
-
id: "
|
|
8113
|
+
id: "template:open-design-landing-deck",
|
|
8114
8114
|
kind: "template",
|
|
8115
8115
|
name: "Editorial Landing Deck",
|
|
8116
8116
|
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
8117
|
source: { path: "design-templates/open-design-landing-deck" }
|
|
8118
8118
|
},
|
|
8119
8119
|
{
|
|
8120
|
-
id: "
|
|
8120
|
+
id: "template:orbit-general",
|
|
8121
8121
|
kind: "template",
|
|
8122
8122
|
name: "Orbit General",
|
|
8123
8123
|
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
8124
|
source: { path: "design-templates/orbit-general" }
|
|
8125
8125
|
},
|
|
8126
8126
|
{
|
|
8127
|
-
id: "
|
|
8127
|
+
id: "template:orbit-github",
|
|
8128
8128
|
kind: "template",
|
|
8129
8129
|
name: "Orbit Github",
|
|
8130
8130
|
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
8131
|
source: { path: "design-templates/orbit-github" }
|
|
8132
8132
|
},
|
|
8133
8133
|
{
|
|
8134
|
-
id: "
|
|
8134
|
+
id: "template:orbit-gmail",
|
|
8135
8135
|
kind: "template",
|
|
8136
8136
|
name: "Orbit Gmail",
|
|
8137
8137
|
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
8138
|
source: { path: "design-templates/orbit-gmail" }
|
|
8139
8139
|
},
|
|
8140
8140
|
{
|
|
8141
|
-
id: "
|
|
8141
|
+
id: "template:orbit-linear",
|
|
8142
8142
|
kind: "template",
|
|
8143
8143
|
name: "Orbit Linear",
|
|
8144
8144
|
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
8145
|
source: { path: "design-templates/orbit-linear" }
|
|
8146
8146
|
},
|
|
8147
8147
|
{
|
|
8148
|
-
id: "
|
|
8148
|
+
id: "template:orbit-notion",
|
|
8149
8149
|
kind: "template",
|
|
8150
8150
|
name: "Orbit Notion",
|
|
8151
8151
|
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
8152
|
source: { path: "design-templates/orbit-notion" }
|
|
8153
8153
|
},
|
|
8154
8154
|
{
|
|
8155
|
-
id: "
|
|
8155
|
+
id: "template:pm-spec",
|
|
8156
8156
|
kind: "template",
|
|
8157
8157
|
name: "Pm Spec",
|
|
8158
8158
|
description: "Product spec / PRD as a single page \u2014 problem, success metrics, scope, user stories, design notes, rollout plan, open questions.",
|
|
8159
8159
|
source: { path: "design-templates/pm-spec" }
|
|
8160
8160
|
},
|
|
8161
8161
|
{
|
|
8162
|
-
id: "
|
|
8162
|
+
id: "template:pricing-page",
|
|
8163
8163
|
kind: "template",
|
|
8164
8164
|
name: "Pricing Page",
|
|
8165
8165
|
description: "A standalone pricing page \u2014 header, plan tiers, feature comparison table, and an FAQ.",
|
|
8166
8166
|
source: { path: "design-templates/pricing-page" }
|
|
8167
8167
|
},
|
|
8168
8168
|
{
|
|
8169
|
-
id: "
|
|
8169
|
+
id: "template:replit-deck",
|
|
8170
8170
|
kind: "template",
|
|
8171
8171
|
name: "Replit Deck",
|
|
8172
8172
|
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
8173
|
source: { path: "design-templates/replit-deck" }
|
|
8174
8174
|
},
|
|
8175
8175
|
{
|
|
8176
|
-
id: "
|
|
8176
|
+
id: "template:saas-landing",
|
|
8177
8177
|
kind: "template",
|
|
8178
8178
|
name: "Saas Landing",
|
|
8179
8179
|
description: "Single-page SaaS landing with hero, features, social proof, pricing, and CTA. Respects the active DESIGN.md color/typography/layout tokens.",
|
|
8180
8180
|
source: { path: "design-templates/saas-landing" }
|
|
8181
8181
|
},
|
|
8182
8182
|
{
|
|
8183
|
-
id: "
|
|
8183
|
+
id: "template:simple-deck",
|
|
8184
8184
|
kind: "template",
|
|
8185
8185
|
name: "Simple Deck",
|
|
8186
8186
|
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
8187
|
source: { path: "design-templates/simple-deck" }
|
|
8188
8188
|
},
|
|
8189
8189
|
{
|
|
8190
|
-
id: "
|
|
8190
|
+
id: "template:social-carousel",
|
|
8191
8191
|
kind: "template",
|
|
8192
8192
|
name: "Social Carousel",
|
|
8193
8193
|
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
8194
|
source: { path: "design-templates/social-carousel" }
|
|
8195
8195
|
},
|
|
8196
8196
|
{
|
|
8197
|
-
id: "
|
|
8197
|
+
id: "template:social-media-dashboard",
|
|
8198
8198
|
kind: "template",
|
|
8199
8199
|
name: "Social Media Dashboard",
|
|
8200
8200
|
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
8201
|
source: { path: "design-templates/social-media-dashboard" }
|
|
8202
8202
|
},
|
|
8203
8203
|
{
|
|
8204
|
-
id: "
|
|
8204
|
+
id: "template:social-media-matrix-tracker-template",
|
|
8205
8205
|
kind: "template",
|
|
8206
8206
|
name: "Social Media Matrix Tracker Template",
|
|
8207
8207
|
description: "\u793E\u5A92\u77E9\u9635\u6570\u636E\u8FFD\u8E2A\u9762\u677F\u6A21\u677F\uFF08Social Media Matrix Tracker\uFF09\u3002",
|
|
8208
8208
|
source: { path: "design-templates/social-media-matrix-tracker-template" }
|
|
8209
8209
|
},
|
|
8210
8210
|
{
|
|
8211
|
-
id: "
|
|
8211
|
+
id: "template:sprite-animation",
|
|
8212
8212
|
kind: "template",
|
|
8213
8213
|
name: "Sprite Animation",
|
|
8214
8214
|
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
8215
|
source: { path: "design-templates/sprite-animation" }
|
|
8216
8216
|
},
|
|
8217
8217
|
{
|
|
8218
|
-
id: "
|
|
8218
|
+
id: "template:team-okrs",
|
|
8219
8219
|
kind: "template",
|
|
8220
8220
|
name: "Team Okrs",
|
|
8221
8221
|
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
8222
|
source: { path: "design-templates/team-okrs" }
|
|
8223
8223
|
},
|
|
8224
8224
|
{
|
|
8225
|
-
id: "
|
|
8225
|
+
id: "template:trading-analysis-dashboard-template",
|
|
8226
8226
|
kind: "template",
|
|
8227
8227
|
name: "Trading Analysis Dashboard Template",
|
|
8228
8228
|
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
8229
|
source: { path: "design-templates/trading-analysis-dashboard-template" }
|
|
8230
8230
|
},
|
|
8231
8231
|
{
|
|
8232
|
-
id: "
|
|
8232
|
+
id: "template:tweaks",
|
|
8233
8233
|
kind: "template",
|
|
8234
8234
|
name: "Tweaks",
|
|
8235
8235
|
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
8236
|
source: { path: "design-templates/tweaks" }
|
|
8237
8237
|
},
|
|
8238
8238
|
{
|
|
8239
|
-
id: "
|
|
8239
|
+
id: "template:video-shortform",
|
|
8240
8240
|
kind: "template",
|
|
8241
8241
|
name: "Video Shortform",
|
|
8242
8242
|
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
8243
|
source: { path: "design-templates/video-shortform" }
|
|
8244
8244
|
},
|
|
8245
8245
|
{
|
|
8246
|
-
id: "
|
|
8246
|
+
id: "template:waitlist-page",
|
|
8247
8247
|
kind: "template",
|
|
8248
8248
|
name: "Waitlist Page",
|
|
8249
8249
|
description: "Minimal pre-launch landing with email capture, brand logo, and optional decorative layer. Reads DESIGN.md for colors, typography, and layout rules.",
|
|
8250
8250
|
source: { path: "design-templates/waitlist-page" }
|
|
8251
8251
|
},
|
|
8252
8252
|
{
|
|
8253
|
-
id: "
|
|
8253
|
+
id: "template:web-prototype",
|
|
8254
8254
|
kind: "template",
|
|
8255
8255
|
name: "Web Prototype",
|
|
8256
8256
|
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
8257
|
source: { path: "design-templates/web-prototype" }
|
|
8258
8258
|
},
|
|
8259
8259
|
{
|
|
8260
|
-
id: "
|
|
8260
|
+
id: "template:web-prototype-taste-brutalist",
|
|
8261
8261
|
kind: "template",
|
|
8262
8262
|
name: "Web Prototype Taste Brutalist",
|
|
8263
8263
|
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
8264
|
source: { path: "design-templates/web-prototype-taste-brutalist" }
|
|
8265
8265
|
},
|
|
8266
8266
|
{
|
|
8267
|
-
id: "
|
|
8267
|
+
id: "template:web-prototype-taste-soft",
|
|
8268
8268
|
kind: "template",
|
|
8269
8269
|
name: "Web Prototype Taste Soft",
|
|
8270
8270
|
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
8271
|
source: { path: "design-templates/web-prototype-taste-soft" }
|
|
8272
8272
|
},
|
|
8273
8273
|
{
|
|
8274
|
-
id: "
|
|
8274
|
+
id: "template:wireframe-sketch",
|
|
8275
8275
|
kind: "template",
|
|
8276
8276
|
name: "Wireframe Sketch",
|
|
8277
8277
|
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
8278
|
source: { path: "design-templates/wireframe-sketch" }
|
|
8279
8279
|
},
|
|
8280
8280
|
{
|
|
8281
|
-
id: "
|
|
8281
|
+
id: "template:x-research",
|
|
8282
8282
|
kind: "template",
|
|
8283
8283
|
name: "X Research",
|
|
8284
8284
|
description: "X/Twitter public sentiment research for recent market, company, product, or community discourse.",
|
|
8285
8285
|
source: { path: "design-templates/x-research" }
|
|
8286
8286
|
},
|
|
8287
8287
|
{
|
|
8288
|
-
id: "
|
|
8288
|
+
id: "design-system:dashboard",
|
|
8289
8289
|
kind: "design-system",
|
|
8290
8290
|
name: "Dashboard",
|
|
8291
8291
|
description: "Dark cloud-platform aesthetic with modular grids, glass-like panels, and strong data hierarchy for productivity dashboards.",
|
|
8292
8292
|
source: { path: "design-systems/dashboard" }
|
|
8293
8293
|
},
|
|
8294
8294
|
{
|
|
8295
|
-
id: "
|
|
8295
|
+
id: "design-system:trading-terminal",
|
|
8296
8296
|
kind: "design-system",
|
|
8297
8297
|
name: "Trading Terminal",
|
|
8298
8298
|
description: "Bloomberg-style financial trading terminal: dark-only, data-dense, with cyan and coral buy/sell signals readable at a glance.",
|
|
8299
8299
|
source: { path: "design-systems/trading-terminal" }
|
|
8300
8300
|
},
|
|
8301
8301
|
{
|
|
8302
|
-
id: "
|
|
8302
|
+
id: "design-system:warm-editorial",
|
|
8303
8303
|
kind: "design-system",
|
|
8304
8304
|
name: "Warm Editorial",
|
|
8305
8305
|
description: "Serif-led magazine aesthetic with terracotta accents on warm off-white paper for readable narrative pages, zines, and reports.",
|
|
8306
8306
|
source: { path: "design-systems/warm-editorial" }
|
|
8307
8307
|
},
|
|
8308
8308
|
{
|
|
8309
|
-
id: "
|
|
8309
|
+
id: "design-system:editorial",
|
|
8310
8310
|
kind: "design-system",
|
|
8311
8311
|
name: "Editorial",
|
|
8312
8312
|
description: "Magazine-inspired editorial layout with refined serif typography, structured grids, and elegant reading experiences.",
|
|
8313
8313
|
source: { path: "design-systems/editorial" }
|
|
8314
8314
|
},
|
|
8315
8315
|
{
|
|
8316
|
-
id: "
|
|
8316
|
+
id: "design-system:mono",
|
|
8317
8317
|
kind: "design-system",
|
|
8318
8318
|
name: "Mono",
|
|
8319
8319
|
description: "Monospace-driven, matrix-inspired design with high-contrast elements, compact density, and a hacker-chic aesthetic.",
|
|
8320
8320
|
source: { path: "design-systems/mono" }
|
|
8321
8321
|
},
|
|
8322
8322
|
{
|
|
8323
|
-
id: "
|
|
8323
|
+
id: "design-system:apple",
|
|
8324
8324
|
kind: "design-system",
|
|
8325
8325
|
name: "Apple",
|
|
8326
8326
|
description: "Consumer electronics design system with premium white space, SF Pro-style typography, and cinematic imagery.",
|
|
8327
8327
|
source: { path: "design-systems/apple" }
|
|
8328
8328
|
},
|
|
8329
8329
|
{
|
|
8330
|
-
id: "
|
|
8330
|
+
id: "design-system:agentic",
|
|
8331
8331
|
kind: "design-system",
|
|
8332
8332
|
name: "Agentic",
|
|
8333
8333
|
description: "Conversational AI-first interface with minimal controls, clear outcomes, and delegated task flows for agentic workflows.",
|
|
8334
8334
|
source: { path: "design-systems/agentic" }
|
|
8335
8335
|
},
|
|
8336
8336
|
{
|
|
8337
|
-
id: "
|
|
8337
|
+
id: "design-system:airbnb",
|
|
8338
8338
|
kind: "design-system",
|
|
8339
8339
|
name: "Airbnb",
|
|
8340
8340
|
description: "Travel marketplace. Warm coral accent, photography-driven, rounded UI.",
|
|
8341
8341
|
source: { path: "design-systems/airbnb" }
|
|
8342
8342
|
},
|
|
8343
8343
|
{
|
|
8344
|
-
id: "
|
|
8344
|
+
id: "design-system:airtable",
|
|
8345
8345
|
kind: "design-system",
|
|
8346
8346
|
name: "Airtable",
|
|
8347
8347
|
description: "Spreadsheet-database hybrid. Colorful, friendly, structured data aesthetic.",
|
|
8348
8348
|
source: { path: "design-systems/airtable" }
|
|
8349
8349
|
},
|
|
8350
8350
|
{
|
|
8351
|
-
id: "
|
|
8351
|
+
id: "design-system:ant",
|
|
8352
8352
|
kind: "design-system",
|
|
8353
8353
|
name: "Ant",
|
|
8354
8354
|
description: "Structured, enterprise-focused design system emphasizing clarity, consistency, and efficiency for data-dense web applications.",
|
|
8355
8355
|
source: { path: "design-systems/ant" }
|
|
8356
8356
|
},
|
|
8357
8357
|
{
|
|
8358
|
-
id: "
|
|
8358
|
+
id: "design-system:application",
|
|
8359
8359
|
kind: "design-system",
|
|
8360
8360
|
name: "Application",
|
|
8361
8361
|
description: "App dashboard with purple-themed aesthetic, top-bar navigation, card-based layouts, and developer-first workflows.",
|
|
8362
8362
|
source: { path: "design-systems/application" }
|
|
8363
8363
|
},
|
|
8364
8364
|
{
|
|
8365
|
-
id: "
|
|
8365
|
+
id: "design-system:arc",
|
|
8366
8366
|
kind: "design-system",
|
|
8367
8367
|
name: "Arc",
|
|
8368
8368
|
description: '"The browser that browses for you." Translucent surfaces, gradient warmth, sidebar-first layout.',
|
|
8369
8369
|
source: { path: "design-systems/arc" }
|
|
8370
8370
|
},
|
|
8371
8371
|
{
|
|
8372
|
-
id: "
|
|
8372
|
+
id: "design-system:artistic",
|
|
8373
8373
|
kind: "design-system",
|
|
8374
8374
|
name: "Artistic",
|
|
8375
8375
|
description: "High-contrast, expressive style with creative typography and bold color choices for visually striking interfaces.",
|
|
8376
8376
|
source: { path: "design-systems/artistic" }
|
|
8377
8377
|
},
|
|
8378
8378
|
{
|
|
8379
|
-
id: "
|
|
8379
|
+
id: "design-system:atelier-zero",
|
|
8380
8380
|
kind: "design-system",
|
|
8381
8381
|
name: "Atelier Zero",
|
|
8382
8382
|
description: "A magazine-grade, collage-driven visual system: warm paper canvas, surreal.",
|
|
8383
8383
|
source: { path: "design-systems/atelier-zero" }
|
|
8384
8384
|
},
|
|
8385
8385
|
{
|
|
8386
|
-
id: "
|
|
8386
|
+
id: "design-system:bento",
|
|
8387
8387
|
kind: "design-system",
|
|
8388
8388
|
name: "Bento",
|
|
8389
8389
|
description: "Modular grid layout with card-like blocks, clear hierarchy, soft spacing, and subtle visual contrast for organized, scannable interfaces.",
|
|
8390
8390
|
source: { path: "design-systems/bento" }
|
|
8391
8391
|
},
|
|
8392
8392
|
{
|
|
8393
|
-
id: "
|
|
8393
|
+
id: "design-system:binance",
|
|
8394
8394
|
kind: "design-system",
|
|
8395
8395
|
name: "Binance",
|
|
8396
8396
|
description: "Crypto exchange. Bold yellow accent on monochrome, trading-floor urgency.",
|
|
8397
8397
|
source: { path: "design-systems/binance" }
|
|
8398
8398
|
},
|
|
8399
8399
|
{
|
|
8400
|
-
id: "
|
|
8400
|
+
id: "design-system:bmw",
|
|
8401
8401
|
kind: "design-system",
|
|
8402
8402
|
name: "Bmw",
|
|
8403
8403
|
description: "Luxury automotive. Dark premium surfaces, precise German engineering aesthetic.",
|
|
8404
8404
|
source: { path: "design-systems/bmw" }
|
|
8405
8405
|
},
|
|
8406
8406
|
{
|
|
8407
|
-
id: "
|
|
8407
|
+
id: "design-system:bmw-m",
|
|
8408
8408
|
kind: "design-system",
|
|
8409
8409
|
name: "Bmw M",
|
|
8410
8410
|
description: "Motorsport performance sub-brand. Near-black cockpit surfaces, BMW M tricolor accents, sharp engineering geometry.",
|
|
8411
8411
|
source: { path: "design-systems/bmw-m" }
|
|
8412
8412
|
},
|
|
8413
8413
|
{
|
|
8414
|
-
id: "
|
|
8414
|
+
id: "design-system:bold",
|
|
8415
8415
|
kind: "design-system",
|
|
8416
8416
|
name: "Bold",
|
|
8417
8417
|
description: "Strong visual presence with heavyweight typography, high-contrast colors, and commanding layouts.",
|
|
8418
8418
|
source: { path: "design-systems/bold" }
|
|
8419
8419
|
},
|
|
8420
8420
|
{
|
|
8421
|
-
id: "
|
|
8421
|
+
id: "design-system:brutalism",
|
|
8422
8422
|
kind: "design-system",
|
|
8423
8423
|
name: "Brutalism",
|
|
8424
8424
|
description: "Raw, anti-design aesthetic inspired by concrete architecture with unadorned elements, jarring layouts, and functional minimalism.",
|
|
8425
8425
|
source: { path: "design-systems/brutalism" }
|
|
8426
8426
|
},
|
|
8427
8427
|
{
|
|
8428
|
-
id: "
|
|
8428
|
+
id: "design-system:bugatti",
|
|
8429
8429
|
kind: "design-system",
|
|
8430
8430
|
name: "Bugatti",
|
|
8431
8431
|
description: "Hypercar brand. Cinema-black canvas, monochrome austerity, monumental display type.",
|
|
8432
8432
|
source: { path: "design-systems/bugatti" }
|
|
8433
8433
|
},
|
|
8434
8434
|
{
|
|
8435
|
-
id: "
|
|
8435
|
+
id: "design-system:cafe",
|
|
8436
8436
|
kind: "design-system",
|
|
8437
8437
|
name: "Cafe",
|
|
8438
8438
|
description: "Cozy cafe-inspired interface with warm tones, soft typography, and clean layouts for a relaxed browsing experience.",
|
|
8439
8439
|
source: { path: "design-systems/cafe" }
|
|
8440
8440
|
},
|
|
8441
8441
|
{
|
|
8442
|
-
id: "
|
|
8442
|
+
id: "design-system:cal",
|
|
8443
8443
|
kind: "design-system",
|
|
8444
8444
|
name: "Cal",
|
|
8445
8445
|
description: "Open-source scheduling. Clean neutral UI, developer-oriented simplicity.",
|
|
8446
8446
|
source: { path: "design-systems/cal" }
|
|
8447
8447
|
},
|
|
8448
8448
|
{
|
|
8449
|
-
id: "
|
|
8449
|
+
id: "design-system:canva",
|
|
8450
8450
|
kind: "design-system",
|
|
8451
8451
|
name: "Canva",
|
|
8452
8452
|
description: "Visual creation platform. Vivid purple-blue gradient, generous spacing, friendly geometry.",
|
|
8453
8453
|
source: { path: "design-systems/canva" }
|
|
8454
8454
|
},
|
|
8455
8455
|
{
|
|
8456
|
-
id: "
|
|
8456
|
+
id: "design-system:cisco",
|
|
8457
8457
|
kind: "design-system",
|
|
8458
8458
|
name: "Cisco",
|
|
8459
8459
|
description: "Enterprise infrastructure brand. Dark trust surfaces, Cisco Blue signal, technical clarity.",
|
|
8460
8460
|
source: { path: "design-systems/cisco" }
|
|
8461
8461
|
},
|
|
8462
8462
|
{
|
|
8463
|
-
id: "
|
|
8463
|
+
id: "design-system:claude",
|
|
8464
8464
|
kind: "design-system",
|
|
8465
8465
|
name: "Claude",
|
|
8466
8466
|
description: "Anthropic's AI assistant. Warm terracotta accent, clean editorial layout.",
|
|
8467
8467
|
source: { path: "design-systems/claude" }
|
|
8468
8468
|
},
|
|
8469
8469
|
{
|
|
8470
|
-
id: "
|
|
8470
|
+
id: "design-system:clay",
|
|
8471
8471
|
kind: "design-system",
|
|
8472
8472
|
name: "Clay",
|
|
8473
8473
|
description: "Creative agency. Organic shapes, soft gradients, art-directed layout.",
|
|
8474
8474
|
source: { path: "design-systems/clay" }
|
|
8475
8475
|
},
|
|
8476
8476
|
{
|
|
8477
|
-
id: "
|
|
8477
|
+
id: "design-system:claymorphism",
|
|
8478
8478
|
kind: "design-system",
|
|
8479
8479
|
name: "Claymorphism",
|
|
8480
8480
|
description: "Soft, rounded 3D-like shapes mimicking malleable clay with playful, puffy elements and colorful surfaces.",
|
|
8481
8481
|
source: { path: "design-systems/claymorphism" }
|
|
8482
8482
|
},
|
|
8483
8483
|
{
|
|
8484
|
-
id: "
|
|
8484
|
+
id: "design-system:clean",
|
|
8485
8485
|
kind: "design-system",
|
|
8486
8486
|
name: "Clean",
|
|
8487
8487
|
description: "Simplicity-focused design with ample whitespace, legible typography, and a limited color palette to reduce visual clutter.",
|
|
8488
8488
|
source: { path: "design-systems/clean" }
|
|
8489
8489
|
},
|
|
8490
8490
|
{
|
|
8491
|
-
id: "
|
|
8491
|
+
id: "design-system:clickhouse",
|
|
8492
8492
|
kind: "design-system",
|
|
8493
8493
|
name: "Clickhouse",
|
|
8494
8494
|
description: "Fast analytics database. Yellow-accented, technical documentation style.",
|
|
8495
8495
|
source: { path: "design-systems/clickhouse" }
|
|
8496
8496
|
},
|
|
8497
8497
|
{
|
|
8498
|
-
id: "
|
|
8498
|
+
id: "design-system:cohere",
|
|
8499
8499
|
kind: "design-system",
|
|
8500
8500
|
name: "Cohere",
|
|
8501
8501
|
description: "Enterprise AI platform. Vibrant gradients, data-rich dashboard aesthetic.",
|
|
8502
8502
|
source: { path: "design-systems/cohere" }
|
|
8503
8503
|
},
|
|
8504
8504
|
{
|
|
8505
|
-
id: "
|
|
8505
|
+
id: "design-system:coinbase",
|
|
8506
8506
|
kind: "design-system",
|
|
8507
8507
|
name: "Coinbase",
|
|
8508
8508
|
description: "Crypto exchange. Clean blue identity, trust-focused, institutional feel.",
|
|
8509
8509
|
source: { path: "design-systems/coinbase" }
|
|
8510
8510
|
},
|
|
8511
8511
|
{
|
|
8512
|
-
id: "
|
|
8512
|
+
id: "design-system:colorful",
|
|
8513
8513
|
kind: "design-system",
|
|
8514
8514
|
name: "Colorful",
|
|
8515
8515
|
description: "Vibrant, high-contrast palettes and gradients for engaging, memorable, and modern user experiences.",
|
|
8516
8516
|
source: { path: "design-systems/colorful" }
|
|
8517
8517
|
},
|
|
8518
8518
|
{
|
|
8519
|
-
id: "
|
|
8519
|
+
id: "design-system:composio",
|
|
8520
8520
|
kind: "design-system",
|
|
8521
8521
|
name: "Composio",
|
|
8522
8522
|
description: "Tool integration platform. Modern dark with colorful integration icons.",
|
|
8523
8523
|
source: { path: "design-systems/composio" }
|
|
8524
8524
|
},
|
|
8525
8525
|
{
|
|
8526
|
-
id: "
|
|
8526
|
+
id: "design-system:contemporary",
|
|
8527
8527
|
kind: "design-system",
|
|
8528
8528
|
name: "Contemporary",
|
|
8529
8529
|
description: "Current-era minimalist design with bento grids, dark mode support, and high-performance accessible layouts.",
|
|
8530
8530
|
source: { path: "design-systems/contemporary" }
|
|
8531
8531
|
},
|
|
8532
8532
|
{
|
|
8533
|
-
id: "
|
|
8533
|
+
id: "design-system:corporate",
|
|
8534
8534
|
kind: "design-system",
|
|
8535
8535
|
name: "Corporate",
|
|
8536
8536
|
description: "Professional, brand-aligned design with structured grids, minimalist layouts, and consistent enterprise patterns.",
|
|
8537
8537
|
source: { path: "design-systems/corporate" }
|
|
8538
8538
|
},
|
|
8539
8539
|
{
|
|
8540
|
-
id: "
|
|
8540
|
+
id: "design-system:cosmic",
|
|
8541
8541
|
kind: "design-system",
|
|
8542
8542
|
name: "Cosmic",
|
|
8543
8543
|
description: "Futuristic sci-fi aesthetic with dark themes, vibrant neon accents, and immersive spatial elements.",
|
|
8544
8544
|
source: { path: "design-systems/cosmic" }
|
|
8545
8545
|
},
|
|
8546
8546
|
{
|
|
8547
|
-
id: "
|
|
8547
|
+
id: "design-system:creative",
|
|
8548
8548
|
kind: "design-system",
|
|
8549
8549
|
name: "Creative",
|
|
8550
8550
|
description: "Playful, character-driven design with expressive typography and bold graphics for landing pages and creative projects.",
|
|
8551
8551
|
source: { path: "design-systems/creative" }
|
|
8552
8552
|
},
|
|
8553
8553
|
{
|
|
8554
|
-
id: "
|
|
8554
|
+
id: "design-system:cursor",
|
|
8555
8555
|
kind: "design-system",
|
|
8556
8556
|
name: "Cursor",
|
|
8557
8557
|
description: "AI-first code editor. Sleek dark interface, gradient accents.",
|
|
8558
8558
|
source: { path: "design-systems/cursor" }
|
|
8559
8559
|
},
|
|
8560
8560
|
{
|
|
8561
|
-
id: "
|
|
8561
|
+
id: "design-system:default",
|
|
8562
8562
|
kind: "design-system",
|
|
8563
8563
|
name: "Default",
|
|
8564
8564
|
description: "A clean, product-oriented default.",
|
|
8565
8565
|
source: { path: "design-systems/default" }
|
|
8566
8566
|
},
|
|
8567
8567
|
{
|
|
8568
|
-
id: "
|
|
8568
|
+
id: "design-system:discord",
|
|
8569
8569
|
kind: "design-system",
|
|
8570
8570
|
name: "Discord",
|
|
8571
8571
|
description: "Voice / chat platform. Deep blurple, dark-first surfaces, playful accent moments.",
|
|
8572
8572
|
source: { path: "design-systems/discord" }
|
|
8573
8573
|
},
|
|
8574
8574
|
{
|
|
8575
|
-
id: "
|
|
8575
|
+
id: "design-system:dithered",
|
|
8576
8576
|
kind: "design-system",
|
|
8577
8577
|
name: "Dithered",
|
|
8578
8578
|
description: "Dot-pattern rendering technique that simulates shades with a limited palette for nostalgic, retro, high-contrast visuals.",
|
|
8579
8579
|
source: { path: "design-systems/dithered" }
|
|
8580
8580
|
},
|
|
8581
8581
|
{
|
|
8582
|
-
id: "
|
|
8582
|
+
id: "design-system:doodle",
|
|
8583
8583
|
kind: "design-system",
|
|
8584
8584
|
name: "Doodle",
|
|
8585
8585
|
description: "Hand-drawn, sketch-like style with doodles, handwritten fonts, and imperfect lines for a playful, informal feel.",
|
|
8586
8586
|
source: { path: "design-systems/doodle" }
|
|
8587
8587
|
},
|
|
8588
8588
|
{
|
|
8589
|
-
id: "
|
|
8589
|
+
id: "design-system:dramatic",
|
|
8590
8590
|
kind: "design-system",
|
|
8591
8591
|
name: "Dramatic",
|
|
8592
8592
|
description: "High-contrast, theatrical design with bold layouts, immersive visuals, and unconventional compositions that command attention.",
|
|
8593
8593
|
source: { path: "design-systems/dramatic" }
|
|
8594
8594
|
},
|
|
8595
8595
|
{
|
|
8596
|
-
id: "
|
|
8596
|
+
id: "design-system:duolingo",
|
|
8597
8597
|
kind: "design-system",
|
|
8598
8598
|
name: "Duolingo",
|
|
8599
8599
|
description: "Language-learning platform. Bright owl green, chunky shadows, gamified joy.",
|
|
8600
8600
|
source: { path: "design-systems/duolingo" }
|
|
8601
8601
|
},
|
|
8602
8602
|
{
|
|
8603
|
-
id: "
|
|
8603
|
+
id: "design-system:elegant",
|
|
8604
8604
|
kind: "design-system",
|
|
8605
8605
|
name: "Elegant",
|
|
8606
8606
|
description: "Graceful, refined aesthetic with delicate typography, minimal palettes, and polished layouts that exude sophistication.",
|
|
8607
8607
|
source: { path: "design-systems/elegant" }
|
|
8608
8608
|
},
|
|
8609
8609
|
{
|
|
8610
|
-
id: "
|
|
8610
|
+
id: "design-system:elevenlabs",
|
|
8611
8611
|
kind: "design-system",
|
|
8612
8612
|
name: "Elevenlabs",
|
|
8613
8613
|
description: "AI voice platform. Dark cinematic UI, audio-waveform aesthetics.",
|
|
8614
8614
|
source: { path: "design-systems/elevenlabs" }
|
|
8615
8615
|
},
|
|
8616
8616
|
{
|
|
8617
|
-
id: "
|
|
8617
|
+
id: "design-system:energetic",
|
|
8618
8618
|
kind: "design-system",
|
|
8619
8619
|
name: "Energetic",
|
|
8620
8620
|
description: "Dynamic, vibrant style with thick borders, geometric shapes, high-contrast colors, and expressive typography conveying motion and vitality.",
|
|
8621
8621
|
source: { path: "design-systems/energetic" }
|
|
8622
8622
|
},
|
|
8623
8623
|
{
|
|
8624
|
-
id: "
|
|
8624
|
+
id: "design-system:enterprise",
|
|
8625
8625
|
kind: "design-system",
|
|
8626
8626
|
name: "Enterprise",
|
|
8627
8627
|
description: "Clean, high-contrast enterprise design for data-driven workflows with intuitive drag-and-drop patterns and structured layouts.",
|
|
8628
8628
|
source: { path: "design-systems/enterprise" }
|
|
8629
8629
|
},
|
|
8630
8630
|
{
|
|
8631
|
-
id: "
|
|
8631
|
+
id: "design-system:expo",
|
|
8632
8632
|
kind: "design-system",
|
|
8633
8633
|
name: "Expo",
|
|
8634
8634
|
description: "React Native platform. Dark theme, tight letter-spacing, code-centric.",
|
|
8635
8635
|
source: { path: "design-systems/expo" }
|
|
8636
8636
|
},
|
|
8637
8637
|
{
|
|
8638
|
-
id: "
|
|
8638
|
+
id: "design-system:expressive",
|
|
8639
8639
|
kind: "design-system",
|
|
8640
8640
|
name: "Expressive",
|
|
8641
8641
|
description: "Vibrant, personality-driven design with bold colors, playful graphics, and dynamic layouts that balance creativity with structure.",
|
|
8642
8642
|
source: { path: "design-systems/expressive" }
|
|
8643
8643
|
},
|
|
8644
8644
|
{
|
|
8645
|
-
id: "
|
|
8645
|
+
id: "design-system:fantasy",
|
|
8646
8646
|
kind: "design-system",
|
|
8647
8647
|
name: "Fantasy",
|
|
8648
8648
|
description: "Game-inspired fantasy aesthetic with bold, premium visuals, rich color palettes, and immersive thematic elements.",
|
|
8649
8649
|
source: { path: "design-systems/fantasy" }
|
|
8650
8650
|
},
|
|
8651
8651
|
{
|
|
8652
|
-
id: "
|
|
8652
|
+
id: "design-system:ferrari",
|
|
8653
8653
|
kind: "design-system",
|
|
8654
8654
|
name: "Ferrari",
|
|
8655
8655
|
description: "Luxury automotive. Chiaroscuro editorial, Ferrari Red accents, cinematic black.",
|
|
8656
8656
|
source: { path: "design-systems/ferrari" }
|
|
8657
8657
|
},
|
|
8658
8658
|
{
|
|
8659
|
-
id: "
|
|
8659
|
+
id: "design-system:figma",
|
|
8660
8660
|
kind: "design-system",
|
|
8661
8661
|
name: "Figma",
|
|
8662
8662
|
description: "Collaborative design tool. Vibrant multi-color, playful yet professional.",
|
|
8663
8663
|
source: { path: "design-systems/figma" }
|
|
8664
8664
|
},
|
|
8665
8665
|
{
|
|
8666
|
-
id: "
|
|
8666
|
+
id: "design-system:flat",
|
|
8667
8667
|
kind: "design-system",
|
|
8668
8668
|
name: "Flat",
|
|
8669
8669
|
description: "Two-dimensional minimalist style with vibrant colors, clean typography, and no 3D effects for fast, user-friendly interfaces.",
|
|
8670
8670
|
source: { path: "design-systems/flat" }
|
|
8671
8671
|
},
|
|
8672
8672
|
{
|
|
8673
|
-
id: "
|
|
8673
|
+
id: "design-system:framer",
|
|
8674
8674
|
kind: "design-system",
|
|
8675
8675
|
name: "Framer",
|
|
8676
8676
|
description: "Website builder. Bold black and blue, motion-first, design-forward.",
|
|
8677
8677
|
source: { path: "design-systems/framer" }
|
|
8678
8678
|
},
|
|
8679
8679
|
{
|
|
8680
|
-
id: "
|
|
8680
|
+
id: "design-system:friendly",
|
|
8681
8681
|
kind: "design-system",
|
|
8682
8682
|
name: "Friendly",
|
|
8683
8683
|
description: "Approachable, intuitive design with rounded elements, ample whitespace, and soft pastel color palettes.",
|
|
8684
8684
|
source: { path: "design-systems/friendly" }
|
|
8685
8685
|
},
|
|
8686
8686
|
{
|
|
8687
|
-
id: "
|
|
8687
|
+
id: "design-system:futuristic",
|
|
8688
8688
|
kind: "design-system",
|
|
8689
8689
|
name: "Futuristic",
|
|
8690
8690
|
description: "Forward-looking design with tech-inspired typography, modern layouts, and a sleek, innovation-driven aesthetic.",
|
|
8691
8691
|
source: { path: "design-systems/futuristic" }
|
|
8692
8692
|
},
|
|
8693
8693
|
{
|
|
8694
|
-
id: "
|
|
8694
|
+
id: "design-system:github",
|
|
8695
8695
|
kind: "design-system",
|
|
8696
8696
|
name: "Github",
|
|
8697
8697
|
description: "Code-forward platform. Functional density, blue-on-white precision, Primer foundations.",
|
|
8698
8698
|
source: { path: "design-systems/github" }
|
|
8699
8699
|
},
|
|
8700
8700
|
{
|
|
8701
|
-
id: "
|
|
8701
|
+
id: "design-system:glassmorphism",
|
|
8702
8702
|
kind: "design-system",
|
|
8703
8703
|
name: "Glassmorphism",
|
|
8704
8704
|
description: "Frosted glass effect with translucent layers, subtle blur, and luminous borders for depth and modern elegance.",
|
|
8705
8705
|
source: { path: "design-systems/glassmorphism" }
|
|
8706
8706
|
},
|
|
8707
8707
|
{
|
|
8708
|
-
id: "
|
|
8708
|
+
id: "design-system:gradient",
|
|
8709
8709
|
kind: "design-system",
|
|
8710
8710
|
name: "Gradient",
|
|
8711
8711
|
description: "Smooth color transitions and gradient-rich surfaces for modern, playful interfaces with visual depth.",
|
|
8712
8712
|
source: { path: "design-systems/gradient" }
|
|
8713
8713
|
},
|
|
8714
8714
|
{
|
|
8715
|
-
id: "
|
|
8715
|
+
id: "design-system:hashicorp",
|
|
8716
8716
|
kind: "design-system",
|
|
8717
8717
|
name: "Hashicorp",
|
|
8718
8718
|
description: "Infrastructure automation. Enterprise-clean, black and white.",
|
|
8719
8719
|
source: { path: "design-systems/hashicorp" }
|
|
8720
8720
|
},
|
|
8721
8721
|
{
|
|
8722
|
-
id: "
|
|
8722
|
+
id: "design-system:hud",
|
|
8723
8723
|
kind: "design-system",
|
|
8724
8724
|
name: "Hud",
|
|
8725
8725
|
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
8726
|
source: { path: "design-systems/hud" }
|
|
8727
8727
|
},
|
|
8728
8728
|
{
|
|
8729
|
-
id: "
|
|
8729
|
+
id: "design-system:huggingface",
|
|
8730
8730
|
kind: "design-system",
|
|
8731
8731
|
name: "Huggingface",
|
|
8732
8732
|
description: "ML community hub. Sunny yellow accent, monospace identity, cheerful and dense.",
|
|
8733
8733
|
source: { path: "design-systems/huggingface" }
|
|
8734
8734
|
},
|
|
8735
8735
|
{
|
|
8736
|
-
id: "
|
|
8736
|
+
id: "design-system:ibm",
|
|
8737
8737
|
kind: "design-system",
|
|
8738
8738
|
name: "Ibm",
|
|
8739
8739
|
description: "Enterprise technology. Carbon design system, structured blue palette.",
|
|
8740
8740
|
source: { path: "design-systems/ibm" }
|
|
8741
8741
|
},
|
|
8742
8742
|
{
|
|
8743
|
-
id: "
|
|
8743
|
+
id: "design-system:intercom",
|
|
8744
8744
|
kind: "design-system",
|
|
8745
8745
|
name: "Intercom",
|
|
8746
8746
|
description: "Customer messaging. Friendly blue palette, conversational UI patterns.",
|
|
8747
8747
|
source: { path: "design-systems/intercom" }
|
|
8748
8748
|
},
|
|
8749
8749
|
{
|
|
8750
|
-
id: "
|
|
8750
|
+
id: "design-system:kami",
|
|
8751
8751
|
kind: "design-system",
|
|
8752
8752
|
name: "Kami",
|
|
8753
8753
|
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
8754
|
source: { path: "design-systems/kami" }
|
|
8755
8755
|
},
|
|
8756
8756
|
{
|
|
8757
|
-
id: "
|
|
8757
|
+
id: "design-system:kraken",
|
|
8758
8758
|
kind: "design-system",
|
|
8759
8759
|
name: "Kraken",
|
|
8760
8760
|
description: "Crypto trading. Purple-accented dark UI, data-dense dashboards.",
|
|
8761
8761
|
source: { path: "design-systems/kraken" }
|
|
8762
8762
|
},
|
|
8763
8763
|
{
|
|
8764
|
-
id: "
|
|
8764
|
+
id: "design-system:lamborghini",
|
|
8765
8765
|
kind: "design-system",
|
|
8766
8766
|
name: "Lamborghini",
|
|
8767
8767
|
description: "Supercar brand. True black surfaces, gold accents, dramatic uppercase typography.",
|
|
8768
8768
|
source: { path: "design-systems/lamborghini" }
|
|
8769
8769
|
},
|
|
8770
8770
|
{
|
|
8771
|
-
id: "
|
|
8771
|
+
id: "design-system:levels",
|
|
8772
8772
|
kind: "design-system",
|
|
8773
8773
|
name: "Levels",
|
|
8774
8774
|
description: "Conversion-focused design that removes friction and guides users toward action through clarity, trust, and speed.",
|
|
8775
8775
|
source: { path: "design-systems/levels" }
|
|
8776
8776
|
},
|
|
8777
8777
|
{
|
|
8778
|
-
id: "
|
|
8778
|
+
id: "design-system:linear-app",
|
|
8779
8779
|
kind: "design-system",
|
|
8780
8780
|
name: "Linear App",
|
|
8781
8781
|
description: "Project management. Ultra-minimal, precise, purple accent.",
|
|
8782
8782
|
source: { path: "design-systems/linear-app" }
|
|
8783
8783
|
},
|
|
8784
8784
|
{
|
|
8785
|
-
id: "
|
|
8785
|
+
id: "design-system:lingo",
|
|
8786
8786
|
kind: "design-system",
|
|
8787
8787
|
name: "Lingo",
|
|
8788
8788
|
description: "Playful, minimal design with bright colors, rounded shapes, tactile 3D borders, and friendly illustrations for approachable interfaces.",
|
|
8789
8789
|
source: { path: "design-systems/lingo" }
|
|
8790
8790
|
},
|
|
8791
8791
|
{
|
|
8792
|
-
id: "
|
|
8792
|
+
id: "design-system:loom",
|
|
8793
8793
|
kind: "design-system",
|
|
8794
8794
|
name: "Loom",
|
|
8795
8795
|
description: "Loom async video. Purple primary, friendly surfaces, video-first layout. Clean and professional without being corporate.",
|
|
8796
8796
|
source: { path: "design-systems/loom" }
|
|
8797
8797
|
},
|
|
8798
8798
|
{
|
|
8799
|
-
id: "
|
|
8799
|
+
id: "design-system:lovable",
|
|
8800
8800
|
kind: "design-system",
|
|
8801
8801
|
name: "Lovable",
|
|
8802
8802
|
description: "AI full-stack builder. Playful gradients, friendly dev aesthetic.",
|
|
8803
8803
|
source: { path: "design-systems/lovable" }
|
|
8804
8804
|
},
|
|
8805
8805
|
{
|
|
8806
|
-
id: "
|
|
8806
|
+
id: "design-system:luxury",
|
|
8807
8807
|
kind: "design-system",
|
|
8808
8808
|
name: "Luxury",
|
|
8809
8809
|
description: "High-end dark aesthetic with bold headings, monochromatic palette, and premium feel for luxury brand experiences.",
|
|
8810
8810
|
source: { path: "design-systems/luxury" }
|
|
8811
8811
|
},
|
|
8812
8812
|
{
|
|
8813
|
-
id: "
|
|
8813
|
+
id: "design-system:mastercard",
|
|
8814
8814
|
kind: "design-system",
|
|
8815
8815
|
name: "Mastercard",
|
|
8816
8816
|
description: "Global payments network. Warm cream canvas, orbital pill shapes, editorial warmth.",
|
|
8817
8817
|
source: { path: "design-systems/mastercard" }
|
|
8818
8818
|
},
|
|
8819
8819
|
{
|
|
8820
|
-
id: "
|
|
8820
|
+
id: "design-system:material",
|
|
8821
8821
|
kind: "design-system",
|
|
8822
8822
|
name: "Material",
|
|
8823
8823
|
description: "Google's Material Design with layered surfaces, dynamic theming, built-in motion, and responsive cross-platform patterns.",
|
|
8824
8824
|
source: { path: "design-systems/material" }
|
|
8825
8825
|
},
|
|
8826
8826
|
{
|
|
8827
|
-
id: "
|
|
8827
|
+
id: "design-system:meta",
|
|
8828
8828
|
kind: "design-system",
|
|
8829
8829
|
name: "Meta",
|
|
8830
8830
|
description: "Tech retail store. Photography-first, binary light/dark surfaces, Meta Blue CTAs.",
|
|
8831
8831
|
source: { path: "design-systems/meta" }
|
|
8832
8832
|
},
|
|
8833
8833
|
{
|
|
8834
|
-
id: "
|
|
8834
|
+
id: "design-system:minimal",
|
|
8835
8835
|
kind: "design-system",
|
|
8836
8836
|
name: "Minimal",
|
|
8837
8837
|
description: "Stripped-back design emphasizing whitespace, clean typography, and restrained color for maximum clarity and focus.",
|
|
8838
8838
|
source: { path: "design-systems/minimal" }
|
|
8839
8839
|
},
|
|
8840
8840
|
{
|
|
8841
|
-
id: "
|
|
8841
|
+
id: "design-system:minimax",
|
|
8842
8842
|
kind: "design-system",
|
|
8843
8843
|
name: "Minimax",
|
|
8844
8844
|
description: "AI model provider. Bold dark interface with neon accents.",
|
|
8845
8845
|
source: { path: "design-systems/minimax" }
|
|
8846
8846
|
},
|
|
8847
8847
|
{
|
|
8848
|
-
id: "
|
|
8848
|
+
id: "design-system:mintlify",
|
|
8849
8849
|
kind: "design-system",
|
|
8850
8850
|
name: "Mintlify",
|
|
8851
8851
|
description: "Documentation platform. Clean, green-accented, reading-optimized.",
|
|
8852
8852
|
source: { path: "design-systems/mintlify" }
|
|
8853
8853
|
},
|
|
8854
8854
|
{
|
|
8855
|
-
id: "
|
|
8855
|
+
id: "design-system:miro",
|
|
8856
8856
|
kind: "design-system",
|
|
8857
8857
|
name: "Miro",
|
|
8858
8858
|
description: "Visual collaboration. Bright yellow accent, infinite canvas aesthetic.",
|
|
8859
8859
|
source: { path: "design-systems/miro" }
|
|
8860
8860
|
},
|
|
8861
8861
|
{
|
|
8862
|
-
id: "
|
|
8862
|
+
id: "design-system:mission-control",
|
|
8863
8863
|
kind: "design-system",
|
|
8864
8864
|
name: "Mission Control",
|
|
8865
8865
|
description: "Space/aerospace mission monitoring. Dark command center, amber telemetry, monospace precision. Functional clarity above all else.",
|
|
8866
8866
|
source: { path: "design-systems/mission-control" }
|
|
8867
8867
|
},
|
|
8868
8868
|
{
|
|
8869
|
-
id: "
|
|
8869
|
+
id: "design-system:mistral-ai",
|
|
8870
8870
|
kind: "design-system",
|
|
8871
8871
|
name: "Mistral AI",
|
|
8872
8872
|
description: "Open-weight LLM provider. French-engineered minimalism, purple-toned.",
|
|
8873
8873
|
source: { path: "design-systems/mistral-ai" }
|
|
8874
8874
|
},
|
|
8875
8875
|
{
|
|
8876
|
-
id: "
|
|
8876
|
+
id: "design-system:modern",
|
|
8877
8877
|
kind: "design-system",
|
|
8878
8878
|
name: "Modern",
|
|
8879
8879
|
description: "Contemporary editorial style with serif typography, minimal palettes, and clean layouts for polished digital products.",
|
|
8880
8880
|
source: { path: "design-systems/modern" }
|
|
8881
8881
|
},
|
|
8882
8882
|
{
|
|
8883
|
-
id: "
|
|
8883
|
+
id: "design-system:mongodb",
|
|
8884
8884
|
kind: "design-system",
|
|
8885
8885
|
name: "Mongodb",
|
|
8886
8886
|
description: "Document database. Green leaf branding, developer documentation focus.",
|
|
8887
8887
|
source: { path: "design-systems/mongodb" }
|
|
8888
8888
|
},
|
|
8889
8889
|
{
|
|
8890
|
-
id: "
|
|
8890
|
+
id: "design-system:neobrutalism",
|
|
8891
8891
|
kind: "design-system",
|
|
8892
8892
|
name: "Neobrutalism",
|
|
8893
8893
|
description: "Modern take on brutalism with bold borders, vivid accent colors, and raw, high-contrast layouts on warm surfaces.",
|
|
8894
8894
|
source: { path: "design-systems/neobrutalism" }
|
|
8895
8895
|
},
|
|
8896
8896
|
{
|
|
8897
|
-
id: "
|
|
8897
|
+
id: "design-system:neon",
|
|
8898
8898
|
kind: "design-system",
|
|
8899
8899
|
name: "Neon",
|
|
8900
8900
|
description: "Electric neon glow effects with high-contrast color pairings for bold, attention-grabbing interfaces.",
|
|
8901
8901
|
source: { path: "design-systems/neon" }
|
|
8902
8902
|
},
|
|
8903
8903
|
{
|
|
8904
|
-
id: "
|
|
8904
|
+
id: "design-system:neumorphism",
|
|
8905
8905
|
kind: "design-system",
|
|
8906
8906
|
name: "Neumorphism",
|
|
8907
8907
|
description: "Soft, extruded UI elements with inner and outer shadows on monochromatic surfaces for a tactile, embedded look.",
|
|
8908
8908
|
source: { path: "design-systems/neumorphism" }
|
|
8909
8909
|
},
|
|
8910
8910
|
{
|
|
8911
|
-
id: "
|
|
8911
|
+
id: "design-system:nike",
|
|
8912
8912
|
kind: "design-system",
|
|
8913
8913
|
name: "Nike",
|
|
8914
8914
|
description: "Athletic retail. Monochrome UI, massive uppercase type, full-bleed photography.",
|
|
8915
8915
|
source: { path: "design-systems/nike" }
|
|
8916
8916
|
},
|
|
8917
8917
|
{
|
|
8918
|
-
id: "
|
|
8918
|
+
id: "design-system:notion",
|
|
8919
8919
|
kind: "design-system",
|
|
8920
8920
|
name: "Notion",
|
|
8921
8921
|
description: "All-in-one workspace. Warm minimalism, serif headings, soft surfaces.",
|
|
8922
8922
|
source: { path: "design-systems/notion" }
|
|
8923
8923
|
},
|
|
8924
8924
|
{
|
|
8925
|
-
id: "
|
|
8925
|
+
id: "design-system:nvidia",
|
|
8926
8926
|
kind: "design-system",
|
|
8927
8927
|
name: "Nvidia",
|
|
8928
8928
|
description: "GPU computing. Green-black energy, technical power aesthetic.",
|
|
8929
8929
|
source: { path: "design-systems/nvidia" }
|
|
8930
8930
|
},
|
|
8931
8931
|
{
|
|
8932
|
-
id: "
|
|
8932
|
+
id: "design-system:ollama",
|
|
8933
8933
|
kind: "design-system",
|
|
8934
8934
|
name: "Ollama",
|
|
8935
8935
|
description: "Run LLMs locally. Terminal-first, monochrome simplicity.",
|
|
8936
8936
|
source: { path: "design-systems/ollama" }
|
|
8937
8937
|
},
|
|
8938
8938
|
{
|
|
8939
|
-
id: "
|
|
8939
|
+
id: "design-system:openai",
|
|
8940
8940
|
kind: "design-system",
|
|
8941
8941
|
name: "Openai",
|
|
8942
8942
|
description: "Calm, near-monochrome system anchored in deep teal-black with generous white space and editorial typography.",
|
|
8943
8943
|
source: { path: "design-systems/openai" }
|
|
8944
8944
|
},
|
|
8945
8945
|
{
|
|
8946
|
-
id: "
|
|
8946
|
+
id: "design-system:opencode-ai",
|
|
8947
8947
|
kind: "design-system",
|
|
8948
8948
|
name: "Opencode AI",
|
|
8949
8949
|
description: "AI coding platform. Developer-centric dark theme.",
|
|
8950
8950
|
source: { path: "design-systems/opencode-ai" }
|
|
8951
8951
|
},
|
|
8952
8952
|
{
|
|
8953
|
-
id: "
|
|
8953
|
+
id: "design-system:pacman",
|
|
8954
8954
|
kind: "design-system",
|
|
8955
8955
|
name: "Pacman",
|
|
8956
8956
|
description: "Retro arcade-inspired design with pixel fonts, dotted borders, playful high-contrast colors, and 8-bit game aesthetics.",
|
|
8957
8957
|
source: { path: "design-systems/pacman" }
|
|
8958
8958
|
},
|
|
8959
8959
|
{
|
|
8960
|
-
id: "
|
|
8960
|
+
id: "design-system:paper",
|
|
8961
8961
|
kind: "design-system",
|
|
8962
8962
|
name: "Paper",
|
|
8963
8963
|
description: "Paper-textured, print-inspired design with minimal colors, clean serif/sans typography, and tactile surface qualities.",
|
|
8964
8964
|
source: { path: "design-systems/paper" }
|
|
8965
8965
|
},
|
|
8966
8966
|
{
|
|
8967
|
-
id: "
|
|
8967
|
+
id: "design-system:perplexity",
|
|
8968
8968
|
kind: "design-system",
|
|
8969
8969
|
name: "Perplexity",
|
|
8970
8970
|
description: "Conversational AI search engine. Deep-dark canvas, sharp typography, single violet accent, dense information hierarchy.",
|
|
8971
8971
|
source: { path: "design-systems/perplexity" }
|
|
8972
8972
|
},
|
|
8973
8973
|
{
|
|
8974
|
-
id: "
|
|
8974
|
+
id: "design-system:perspective",
|
|
8975
8975
|
kind: "design-system",
|
|
8976
8976
|
name: "Perspective",
|
|
8977
8977
|
description: "Spatial depth design with isometric views, vanishing points, and layered elements that guide attention through 3D-like realism.",
|
|
8978
8978
|
source: { path: "design-systems/perspective" }
|
|
8979
8979
|
},
|
|
8980
8980
|
{
|
|
8981
|
-
id: "
|
|
8981
|
+
id: "design-system:pinterest",
|
|
8982
8982
|
kind: "design-system",
|
|
8983
8983
|
name: "Pinterest",
|
|
8984
8984
|
description: "Visual discovery. Red accent, masonry grid, image-first.",
|
|
8985
8985
|
source: { path: "design-systems/pinterest" }
|
|
8986
8986
|
},
|
|
8987
8987
|
{
|
|
8988
|
-
id: "
|
|
8988
|
+
id: "design-system:playstation",
|
|
8989
8989
|
kind: "design-system",
|
|
8990
8990
|
name: "Playstation",
|
|
8991
8991
|
description: "Gaming console retail. Three-surface channel layout, quiet-authority display type, cyan hover-scale.",
|
|
8992
8992
|
source: { path: "design-systems/playstation" }
|
|
8993
8993
|
},
|
|
8994
8994
|
{
|
|
8995
|
-
id: "
|
|
8995
|
+
id: "design-system:posthog",
|
|
8996
8996
|
kind: "design-system",
|
|
8997
8997
|
name: "Posthog",
|
|
8998
8998
|
description: "Product analytics. Playful hedgehog branding, developer-friendly dark UI.",
|
|
8999
8999
|
source: { path: "design-systems/posthog" }
|
|
9000
9000
|
},
|
|
9001
9001
|
{
|
|
9002
|
-
id: "
|
|
9002
|
+
id: "design-system:premium",
|
|
9003
9003
|
kind: "design-system",
|
|
9004
9004
|
name: "Premium",
|
|
9005
9005
|
description: "Apple-inspired premium aesthetic with precise spacing, modern typography, and a refined, polished visual language.",
|
|
9006
9006
|
source: { path: "design-systems/premium" }
|
|
9007
9007
|
},
|
|
9008
9008
|
{
|
|
9009
|
-
id: "
|
|
9009
|
+
id: "design-system:professional",
|
|
9010
9010
|
kind: "design-system",
|
|
9011
9011
|
name: "Professional",
|
|
9012
9012
|
description: "Polished, business-ready design with modern typography, structured layouts, and a trustworthy visual identity.",
|
|
9013
9013
|
source: { path: "design-systems/professional" }
|
|
9014
9014
|
},
|
|
9015
9015
|
{
|
|
9016
|
-
id: "
|
|
9016
|
+
id: "design-system:publication",
|
|
9017
9017
|
kind: "design-system",
|
|
9018
9018
|
name: "Publication",
|
|
9019
9019
|
description: "Print-inspired visual language for books, magazines, and reports with editorial grids and expressive typography.",
|
|
9020
9020
|
source: { path: "design-systems/publication" }
|
|
9021
9021
|
},
|
|
9022
9022
|
{
|
|
9023
|
-
id: "
|
|
9023
|
+
id: "design-system:raycast",
|
|
9024
9024
|
kind: "design-system",
|
|
9025
9025
|
name: "Raycast",
|
|
9026
9026
|
description: "Productivity launcher. Sleek dark chrome, vibrant gradient accents.",
|
|
9027
9027
|
source: { path: "design-systems/raycast" }
|
|
9028
9028
|
},
|
|
9029
9029
|
{
|
|
9030
|
-
id: "
|
|
9030
|
+
id: "design-system:refined",
|
|
9031
9031
|
kind: "design-system",
|
|
9032
9032
|
name: "Refined",
|
|
9033
9033
|
description: "Carefully curated, modern minimal style with elegant serif typography and understated, sophisticated palettes.",
|
|
9034
9034
|
source: { path: "design-systems/refined" }
|
|
9035
9035
|
},
|
|
9036
9036
|
{
|
|
9037
|
-
id: "
|
|
9037
|
+
id: "design-system:renault",
|
|
9038
9038
|
kind: "design-system",
|
|
9039
9039
|
name: "Renault",
|
|
9040
9040
|
description: "French automotive. Vibrant aurora gradients, NouvelR typography, bold energy.",
|
|
9041
9041
|
source: { path: "design-systems/renault" }
|
|
9042
9042
|
},
|
|
9043
9043
|
{
|
|
9044
|
-
id: "
|
|
9044
|
+
id: "design-system:replicate",
|
|
9045
9045
|
kind: "design-system",
|
|
9046
9046
|
name: "Replicate",
|
|
9047
9047
|
description: "Run ML models via API. Clean white canvas, code-forward.",
|
|
9048
9048
|
source: { path: "design-systems/replicate" }
|
|
9049
9049
|
},
|
|
9050
9050
|
{
|
|
9051
|
-
id: "
|
|
9051
|
+
id: "design-system:resend",
|
|
9052
9052
|
kind: "design-system",
|
|
9053
9053
|
name: "Resend",
|
|
9054
9054
|
description: "Email API. Minimal dark theme, monospace accents.",
|
|
9055
9055
|
source: { path: "design-systems/resend" }
|
|
9056
9056
|
},
|
|
9057
9057
|
{
|
|
9058
|
-
id: "
|
|
9058
|
+
id: "design-system:retro",
|
|
9059
9059
|
kind: "design-system",
|
|
9060
9060
|
name: "Retro",
|
|
9061
9061
|
description: "Throwback design with vintage-inspired typography, high-contrast retro palettes, and nostalgic visual elements.",
|
|
9062
9062
|
source: { path: "design-systems/retro" }
|
|
9063
9063
|
},
|
|
9064
9064
|
{
|
|
9065
|
-
id: "
|
|
9065
|
+
id: "design-system:revolut",
|
|
9066
9066
|
kind: "design-system",
|
|
9067
9067
|
name: "Revolut",
|
|
9068
9068
|
description: "Digital banking. Sleek dark interface, gradient cards, fintech precision.",
|
|
9069
9069
|
source: { path: "design-systems/revolut" }
|
|
9070
9070
|
},
|
|
9071
9071
|
{
|
|
9072
|
-
id: "
|
|
9072
|
+
id: "design-system:runwayml",
|
|
9073
9073
|
kind: "design-system",
|
|
9074
9074
|
name: "Runwayml",
|
|
9075
9075
|
description: "AI video generation. Cinematic dark UI, media-rich layout.",
|
|
9076
9076
|
source: { path: "design-systems/runwayml" }
|
|
9077
9077
|
},
|
|
9078
9078
|
{
|
|
9079
|
-
id: "
|
|
9079
|
+
id: "design-system:sanity",
|
|
9080
9080
|
kind: "design-system",
|
|
9081
9081
|
name: "Sanity",
|
|
9082
9082
|
description: "Headless CMS. Red accent, content-first editorial layout.",
|
|
9083
9083
|
source: { path: "design-systems/sanity" }
|
|
9084
9084
|
},
|
|
9085
9085
|
{
|
|
9086
|
-
id: "
|
|
9086
|
+
id: "design-system:sentry",
|
|
9087
9087
|
kind: "design-system",
|
|
9088
9088
|
name: "Sentry",
|
|
9089
9089
|
description: "Error monitoring. Dark dashboard, data-dense, pink-purple accent.",
|
|
9090
9090
|
source: { path: "design-systems/sentry" }
|
|
9091
9091
|
},
|
|
9092
9092
|
{
|
|
9093
|
-
id: "
|
|
9093
|
+
id: "design-system:shadcn",
|
|
9094
9094
|
kind: "design-system",
|
|
9095
9095
|
name: "Shadcn",
|
|
9096
9096
|
description: "Shadcn/ui-inspired design with minimal, clean components, monochrome palette, and utility-first patterns.",
|
|
9097
9097
|
source: { path: "design-systems/shadcn" }
|
|
9098
9098
|
},
|
|
9099
9099
|
{
|
|
9100
|
-
id: "
|
|
9100
|
+
id: "design-system:shopify",
|
|
9101
9101
|
kind: "design-system",
|
|
9102
9102
|
name: "Shopify",
|
|
9103
9103
|
description: "E-commerce platform. Dark-first cinematic, neon green accent, ultra-light type.",
|
|
9104
9104
|
source: { path: "design-systems/shopify" }
|
|
9105
9105
|
},
|
|
9106
9106
|
{
|
|
9107
|
-
id: "
|
|
9107
|
+
id: "design-system:simple",
|
|
9108
9108
|
kind: "design-system",
|
|
9109
9109
|
name: "Simple",
|
|
9110
9110
|
description: "Straightforward, no-frills design with clean typography, neutral colors, and intuitive layouts that stay out of the way.",
|
|
9111
9111
|
source: { path: "design-systems/simple" }
|
|
9112
9112
|
},
|
|
9113
9113
|
{
|
|
9114
|
-
id: "
|
|
9114
|
+
id: "design-system:skeumorphism",
|
|
9115
9115
|
kind: "design-system",
|
|
9116
9116
|
name: "Skeumorphism",
|
|
9117
9117
|
description: "Real-world mimicry with textured surfaces, 3D effects, and familiar physical metaphors for intuitive digital interfaces.",
|
|
9118
9118
|
source: { path: "design-systems/skeumorphism" }
|
|
9119
9119
|
},
|
|
9120
9120
|
{
|
|
9121
|
-
id: "
|
|
9121
|
+
id: "design-system:slack",
|
|
9122
9122
|
kind: "design-system",
|
|
9123
9123
|
name: "Slack",
|
|
9124
9124
|
description: "Workplace communication platform. Aubergine-primary, multi-accent logo palette, light surfaces with dark sidebar, warm and approachable.",
|
|
9125
9125
|
source: { path: "design-systems/slack" }
|
|
9126
9126
|
},
|
|
9127
9127
|
{
|
|
9128
|
-
id: "
|
|
9128
|
+
id: "design-system:sleek",
|
|
9129
9129
|
kind: "design-system",
|
|
9130
9130
|
name: "Sleek",
|
|
9131
9131
|
description: "Modern minimalist aesthetic with clean lines, intentional color palette, subtle interactions, and consistent spacing.",
|
|
9132
9132
|
source: { path: "design-systems/sleek" }
|
|
9133
9133
|
},
|
|
9134
9134
|
{
|
|
9135
|
-
id: "
|
|
9135
|
+
id: "design-system:spacex",
|
|
9136
9136
|
kind: "design-system",
|
|
9137
9137
|
name: "Spacex",
|
|
9138
9138
|
description: "Space technology. Stark black and white, full-bleed imagery, futuristic.",
|
|
9139
9139
|
source: { path: "design-systems/spacex" }
|
|
9140
9140
|
},
|
|
9141
9141
|
{
|
|
9142
|
-
id: "
|
|
9142
|
+
id: "design-system:spacious",
|
|
9143
9143
|
kind: "design-system",
|
|
9144
9144
|
name: "Spacious",
|
|
9145
9145
|
description: "Generous whitespace, consistent padding, and grid-based layouts for clean, readable, and breathing interfaces.",
|
|
9146
9146
|
source: { path: "design-systems/spacious" }
|
|
9147
9147
|
},
|
|
9148
9148
|
{
|
|
9149
|
-
id: "
|
|
9149
|
+
id: "design-system:spotify",
|
|
9150
9150
|
kind: "design-system",
|
|
9151
9151
|
name: "Spotify",
|
|
9152
9152
|
description: "Music streaming. Vibrant green on dark, bold type, album-art-driven.",
|
|
9153
9153
|
source: { path: "design-systems/spotify" }
|
|
9154
9154
|
},
|
|
9155
9155
|
{
|
|
9156
|
-
id: "
|
|
9156
|
+
id: "design-system:starbucks",
|
|
9157
9157
|
kind: "design-system",
|
|
9158
9158
|
name: "Starbucks",
|
|
9159
9159
|
description: "Global coffee retail brand. Four-tier green system, warm cream canvas, full-pill buttons.",
|
|
9160
9160
|
source: { path: "design-systems/starbucks" }
|
|
9161
9161
|
},
|
|
9162
9162
|
{
|
|
9163
|
-
id: "
|
|
9163
|
+
id: "design-system:storytelling",
|
|
9164
9164
|
kind: "design-system",
|
|
9165
9165
|
name: "Storytelling",
|
|
9166
9166
|
description: "Narrative-driven design using visuals, copy, and interaction to guide users through engaging, emotionally resonant journeys.",
|
|
9167
9167
|
source: { path: "design-systems/storytelling" }
|
|
9168
9168
|
},
|
|
9169
9169
|
{
|
|
9170
|
-
id: "
|
|
9170
|
+
id: "design-system:stripe",
|
|
9171
9171
|
kind: "design-system",
|
|
9172
9172
|
name: "Stripe",
|
|
9173
9173
|
description: "Payment infrastructure. Signature purple gradients, weight-300 elegance.",
|
|
9174
9174
|
source: { path: "design-systems/stripe" }
|
|
9175
9175
|
},
|
|
9176
9176
|
{
|
|
9177
|
-
id: "
|
|
9177
|
+
id: "design-system:supabase",
|
|
9178
9178
|
kind: "design-system",
|
|
9179
9179
|
name: "Supabase",
|
|
9180
9180
|
description: "Open-source Firebase alternative. Dark emerald theme, code-first.",
|
|
9181
9181
|
source: { path: "design-systems/supabase" }
|
|
9182
9182
|
},
|
|
9183
9183
|
{
|
|
9184
|
-
id: "
|
|
9184
|
+
id: "design-system:superhuman",
|
|
9185
9185
|
kind: "design-system",
|
|
9186
9186
|
name: "Superhuman",
|
|
9187
9187
|
description: "Fast email client. Premium dark UI, keyboard-first, purple glow.",
|
|
9188
9188
|
source: { path: "design-systems/superhuman" }
|
|
9189
9189
|
},
|
|
9190
9190
|
{
|
|
9191
|
-
id: "
|
|
9191
|
+
id: "design-system:tesla",
|
|
9192
9192
|
kind: "design-system",
|
|
9193
9193
|
name: "Tesla",
|
|
9194
9194
|
description: "Electric automotive. Radical subtraction, full-viewport photography, near-zero UI.",
|
|
9195
9195
|
source: { path: "design-systems/tesla" }
|
|
9196
9196
|
},
|
|
9197
9197
|
{
|
|
9198
|
-
id: "
|
|
9198
|
+
id: "design-system:tetris",
|
|
9199
9199
|
kind: "design-system",
|
|
9200
9200
|
name: "Tetris",
|
|
9201
9201
|
description: "Classic block-game inspired design with playful colors, bold display fonts, and compact, high-energy layouts.",
|
|
9202
9202
|
source: { path: "design-systems/tetris" }
|
|
9203
9203
|
},
|
|
9204
9204
|
{
|
|
9205
|
-
id: "
|
|
9205
|
+
id: "design-system:theverge",
|
|
9206
9206
|
kind: "design-system",
|
|
9207
9207
|
name: "Theverge",
|
|
9208
9208
|
description: "Tech editorial media. Acid-mint and ultraviolet accents, Manuka display, rave-flyer story tiles.",
|
|
9209
9209
|
source: { path: "design-systems/theverge" }
|
|
9210
9210
|
},
|
|
9211
9211
|
{
|
|
9212
|
-
id: "
|
|
9212
|
+
id: "design-system:together-ai",
|
|
9213
9213
|
kind: "design-system",
|
|
9214
9214
|
name: "Together AI",
|
|
9215
9215
|
description: "Open-source AI infrastructure. Technical, blueprint-style design.",
|
|
9216
9216
|
source: { path: "design-systems/together-ai" }
|
|
9217
9217
|
},
|
|
9218
9218
|
{
|
|
9219
|
-
id: "
|
|
9219
|
+
id: "design-system:totality-festival",
|
|
9220
9220
|
kind: "design-system",
|
|
9221
9221
|
name: "Totality Festival",
|
|
9222
9222
|
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
9223
|
source: { path: "design-systems/totality-festival" }
|
|
9224
9224
|
},
|
|
9225
9225
|
{
|
|
9226
|
-
id: "
|
|
9226
|
+
id: "design-system:uber",
|
|
9227
9227
|
kind: "design-system",
|
|
9228
9228
|
name: "Uber",
|
|
9229
9229
|
description: "Mobility platform. Bold black and white, tight type, urban energy.",
|
|
9230
9230
|
source: { path: "design-systems/uber" }
|
|
9231
9231
|
},
|
|
9232
9232
|
{
|
|
9233
|
-
id: "
|
|
9233
|
+
id: "design-system:urdu",
|
|
9234
9234
|
kind: "design-system",
|
|
9235
9235
|
name: "Urdu",
|
|
9236
9236
|
description: "Urdu-first digital experiences with native RTL support,Nastaliq typography, and bilingual harmony.",
|
|
9237
9237
|
source: { path: "design-systems/urdu" }
|
|
9238
9238
|
},
|
|
9239
9239
|
{
|
|
9240
|
-
id: "
|
|
9240
|
+
id: "design-system:vercel",
|
|
9241
9241
|
kind: "design-system",
|
|
9242
9242
|
name: "Vercel",
|
|
9243
9243
|
description: "Frontend deployment. Black and white precision, Geist font.",
|
|
9244
9244
|
source: { path: "design-systems/vercel" }
|
|
9245
9245
|
},
|
|
9246
9246
|
{
|
|
9247
|
-
id: "
|
|
9247
|
+
id: "design-system:vibrant",
|
|
9248
9248
|
kind: "design-system",
|
|
9249
9249
|
name: "Vibrant",
|
|
9250
9250
|
description: "Lively, colorful design with bold playful typography, warm accents, and dynamic visual energy.",
|
|
9251
9251
|
source: { path: "design-systems/vibrant" }
|
|
9252
9252
|
},
|
|
9253
9253
|
{
|
|
9254
|
-
id: "
|
|
9254
|
+
id: "design-system:vintage",
|
|
9255
9255
|
kind: "design-system",
|
|
9256
9256
|
name: "Vintage",
|
|
9257
9257
|
description: "1950s-1990s nostalgia with skeuomorphic touches, grainy textures, retro color palettes, and pixel-style typography.",
|
|
9258
9258
|
source: { path: "design-systems/vintage" }
|
|
9259
9259
|
},
|
|
9260
9260
|
{
|
|
9261
|
-
id: "
|
|
9261
|
+
id: "design-system:vodafone",
|
|
9262
9262
|
kind: "design-system",
|
|
9263
9263
|
name: "Vodafone",
|
|
9264
9264
|
description: "Global telecom brand. Monumental uppercase display, Vodafone Red chapter bands.",
|
|
9265
9265
|
source: { path: "design-systems/vodafone" }
|
|
9266
9266
|
},
|
|
9267
9267
|
{
|
|
9268
|
-
id: "
|
|
9268
|
+
id: "design-system:voltagent",
|
|
9269
9269
|
kind: "design-system",
|
|
9270
9270
|
name: "Voltagent",
|
|
9271
9271
|
description: "AI agent framework. Void-black canvas, emerald accent, terminal-native.",
|
|
9272
9272
|
source: { path: "design-systems/voltagent" }
|
|
9273
9273
|
},
|
|
9274
9274
|
{
|
|
9275
|
-
id: "
|
|
9275
|
+
id: "design-system:warp",
|
|
9276
9276
|
kind: "design-system",
|
|
9277
9277
|
name: "Warp",
|
|
9278
9278
|
description: "Modern terminal. Dark IDE-like interface, block-based command UI.",
|
|
9279
9279
|
source: { path: "design-systems/warp" }
|
|
9280
9280
|
},
|
|
9281
9281
|
{
|
|
9282
|
-
id: "
|
|
9282
|
+
id: "design-system:webex",
|
|
9283
9283
|
kind: "design-system",
|
|
9284
9284
|
name: "Webex",
|
|
9285
9285
|
description: "Collaboration platform. Momentum typography, blue action system, multi-user accent spectrum.",
|
|
9286
9286
|
source: { path: "design-systems/webex" }
|
|
9287
9287
|
},
|
|
9288
9288
|
{
|
|
9289
|
-
id: "
|
|
9289
|
+
id: "design-system:webflow",
|
|
9290
9290
|
kind: "design-system",
|
|
9291
9291
|
name: "Webflow",
|
|
9292
9292
|
description: "Visual web builder. Blue-accented, polished marketing site aesthetic.",
|
|
9293
9293
|
source: { path: "design-systems/webflow" }
|
|
9294
9294
|
},
|
|
9295
9295
|
{
|
|
9296
|
-
id: "
|
|
9296
|
+
id: "design-system:wechat",
|
|
9297
9297
|
kind: "design-system",
|
|
9298
9298
|
name: "Wechat",
|
|
9299
9299
|
description: "Brand visual language for WeChat Mini Programs, official accounts, and open ecosystem extensions.",
|
|
9300
9300
|
source: { path: "design-systems/wechat" }
|
|
9301
9301
|
},
|
|
9302
9302
|
{
|
|
9303
|
-
id: "
|
|
9303
|
+
id: "design-system:wired",
|
|
9304
9304
|
kind: "design-system",
|
|
9305
9305
|
name: "Wired",
|
|
9306
9306
|
description: "Tech magazine. Paper-white broadsheet density, custom serif display, mono kickers, ink-blue links.",
|
|
9307
9307
|
source: { path: "design-systems/wired" }
|
|
9308
9308
|
},
|
|
9309
9309
|
{
|
|
9310
|
-
id: "
|
|
9310
|
+
id: "design-system:wise",
|
|
9311
9311
|
kind: "design-system",
|
|
9312
9312
|
name: "Wise",
|
|
9313
9313
|
description: "Money transfer. Bright green accent, friendly and clear.",
|
|
9314
9314
|
source: { path: "design-systems/wise" }
|
|
9315
9315
|
},
|
|
9316
9316
|
{
|
|
9317
|
-
id: "
|
|
9317
|
+
id: "design-system:x-ai",
|
|
9318
9318
|
kind: "design-system",
|
|
9319
9319
|
name: "X AI",
|
|
9320
9320
|
description: "Elon Musk's AI lab. Stark monochrome, futuristic minimalism.",
|
|
9321
9321
|
source: { path: "design-systems/x-ai" }
|
|
9322
9322
|
},
|
|
9323
9323
|
{
|
|
9324
|
-
id: "
|
|
9324
|
+
id: "design-system:xiaohongshu",
|
|
9325
9325
|
kind: "design-system",
|
|
9326
9326
|
name: "Xiaohongshu",
|
|
9327
9327
|
description: "Lifestyle UGC social platform. Singular brand red, generous radius, content-first.",
|
|
9328
9328
|
source: { path: "design-systems/xiaohongshu" }
|
|
9329
9329
|
},
|
|
9330
9330
|
{
|
|
9331
|
-
id: "
|
|
9331
|
+
id: "design-system:zapier",
|
|
9332
9332
|
kind: "design-system",
|
|
9333
9333
|
name: "Zapier",
|
|
9334
9334
|
description: "Automation platform. Warm orange, friendly illustration-driven.",
|
|
9335
9335
|
source: { path: "design-systems/zapier" }
|
|
9336
9336
|
},
|
|
9337
9337
|
{
|
|
9338
|
-
id: "
|
|
9338
|
+
id: "image-style:notion-illustration",
|
|
9339
9339
|
kind: "image-style",
|
|
9340
9340
|
name: "Notion Illustration",
|
|
9341
9341
|
description: "Zero-native illustration style for hand-drawn product spot illustrations with simple ink contours and soft backgrounds.",
|
|
@@ -9347,7 +9347,7 @@ var OPEN_DESIGN_REGISTRY = [
|
|
|
9347
9347
|
}
|
|
9348
9348
|
},
|
|
9349
9349
|
{
|
|
9350
|
-
id: "
|
|
9350
|
+
id: "image-style:vm0-illustration",
|
|
9351
9351
|
kind: "image-style",
|
|
9352
9352
|
name: "vm0 Illustration",
|
|
9353
9353
|
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 +9359,7 @@ var OPEN_DESIGN_REGISTRY = [
|
|
|
9359
9359
|
}
|
|
9360
9360
|
},
|
|
9361
9361
|
{
|
|
9362
|
-
id: "
|
|
9362
|
+
id: "image-style:postcard-illustration",
|
|
9363
9363
|
kind: "image-style",
|
|
9364
9364
|
name: "Postcard Illustration",
|
|
9365
9365
|
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 +9371,7 @@ var OPEN_DESIGN_REGISTRY = [
|
|
|
9371
9371
|
}
|
|
9372
9372
|
},
|
|
9373
9373
|
{
|
|
9374
|
-
id: "
|
|
9374
|
+
id: "image-style:folk-storybook",
|
|
9375
9375
|
kind: "image-style",
|
|
9376
9376
|
name: "Folk Storybook Illustration",
|
|
9377
9377
|
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 +9383,7 @@ var OPEN_DESIGN_REGISTRY = [
|
|
|
9383
9383
|
}
|
|
9384
9384
|
},
|
|
9385
9385
|
{
|
|
9386
|
-
id: "
|
|
9386
|
+
id: "image-style:papernook",
|
|
9387
9387
|
kind: "image-style",
|
|
9388
9388
|
name: "Papernook",
|
|
9389
9389
|
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 +9395,7 @@ var OPEN_DESIGN_REGISTRY = [
|
|
|
9395
9395
|
}
|
|
9396
9396
|
},
|
|
9397
9397
|
{
|
|
9398
|
-
id: "
|
|
9398
|
+
id: "image-style:painterly-botanical",
|
|
9399
9399
|
kind: "image-style",
|
|
9400
9400
|
name: "Painterly Botanical",
|
|
9401
9401
|
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 +9407,7 @@ var OPEN_DESIGN_REGISTRY = [
|
|
|
9407
9407
|
}
|
|
9408
9408
|
},
|
|
9409
9409
|
{
|
|
9410
|
-
id: "
|
|
9410
|
+
id: "image-style:iso-scene",
|
|
9411
9411
|
kind: "image-style",
|
|
9412
9412
|
name: "Isometric Editorial Scene",
|
|
9413
9413
|
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 +9419,7 @@ var OPEN_DESIGN_REGISTRY = [
|
|
|
9419
9419
|
}
|
|
9420
9420
|
},
|
|
9421
9421
|
{
|
|
9422
|
-
id: "
|
|
9422
|
+
id: "image-style:inkdab",
|
|
9423
9423
|
kind: "image-style",
|
|
9424
9424
|
name: "Inkdab Illustration",
|
|
9425
9425
|
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 +9431,7 @@ var OPEN_DESIGN_REGISTRY = [
|
|
|
9431
9431
|
}
|
|
9432
9432
|
},
|
|
9433
9433
|
{
|
|
9434
|
-
id: "
|
|
9434
|
+
id: "image-style:riso-relic",
|
|
9435
9435
|
kind: "image-style",
|
|
9436
9436
|
name: "Riso Relic",
|
|
9437
9437
|
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 +9443,7 @@ var OPEN_DESIGN_REGISTRY = [
|
|
|
9443
9443
|
}
|
|
9444
9444
|
},
|
|
9445
9445
|
{
|
|
9446
|
-
id: "
|
|
9446
|
+
id: "image-style:inkstomp",
|
|
9447
9447
|
kind: "image-style",
|
|
9448
9448
|
name: "Inkstomp",
|
|
9449
9449
|
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 +9455,7 @@ var OPEN_DESIGN_REGISTRY = [
|
|
|
9455
9455
|
}
|
|
9456
9456
|
},
|
|
9457
9457
|
{
|
|
9458
|
-
id: "
|
|
9458
|
+
id: "image-style:folk-muse",
|
|
9459
9459
|
kind: "image-style",
|
|
9460
9460
|
name: "Folk Muse",
|
|
9461
9461
|
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 +9467,7 @@ var OPEN_DESIGN_REGISTRY = [
|
|
|
9467
9467
|
}
|
|
9468
9468
|
},
|
|
9469
9469
|
{
|
|
9470
|
-
id: "
|
|
9470
|
+
id: "image-style:sunlit-gouache",
|
|
9471
9471
|
kind: "image-style",
|
|
9472
9472
|
name: "Sunlit Gouache",
|
|
9473
9473
|
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 +9479,7 @@ var OPEN_DESIGN_REGISTRY = [
|
|
|
9479
9479
|
}
|
|
9480
9480
|
},
|
|
9481
9481
|
{
|
|
9482
|
-
id: "
|
|
9482
|
+
id: "image-style:mosaic-still-life",
|
|
9483
9483
|
kind: "image-style",
|
|
9484
9484
|
name: "Mosaic Still Life",
|
|
9485
9485
|
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 +9491,7 @@ var OPEN_DESIGN_REGISTRY = [
|
|
|
9491
9491
|
}
|
|
9492
9492
|
},
|
|
9493
9493
|
{
|
|
9494
|
-
id: "
|
|
9494
|
+
id: "image-style:ink-mascot",
|
|
9495
9495
|
kind: "image-style",
|
|
9496
9496
|
name: "Ink Mascot",
|
|
9497
9497
|
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 +9503,7 @@ var OPEN_DESIGN_REGISTRY = [
|
|
|
9503
9503
|
}
|
|
9504
9504
|
},
|
|
9505
9505
|
{
|
|
9506
|
-
id: "
|
|
9506
|
+
id: "image-style:sticker-sheet",
|
|
9507
9507
|
kind: "image-style",
|
|
9508
9508
|
name: "Sticker Sheet",
|
|
9509
9509
|
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 +9515,7 @@ var OPEN_DESIGN_REGISTRY = [
|
|
|
9515
9515
|
}
|
|
9516
9516
|
},
|
|
9517
9517
|
{
|
|
9518
|
-
id: "
|
|
9518
|
+
id: "image-style:flat-poster",
|
|
9519
9519
|
kind: "image-style",
|
|
9520
9520
|
name: "Flat Poster",
|
|
9521
9521
|
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 +9527,7 @@ var OPEN_DESIGN_REGISTRY = [
|
|
|
9527
9527
|
}
|
|
9528
9528
|
},
|
|
9529
9529
|
{
|
|
9530
|
-
id: "
|
|
9530
|
+
id: "image-style:mellow-pop",
|
|
9531
9531
|
kind: "image-style",
|
|
9532
9532
|
name: "Mellow Pop",
|
|
9533
9533
|
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 +9539,7 @@ var OPEN_DESIGN_REGISTRY = [
|
|
|
9539
9539
|
}
|
|
9540
9540
|
},
|
|
9541
9541
|
{
|
|
9542
|
-
id: "
|
|
9542
|
+
id: "image-style:grainy-duotone",
|
|
9543
9543
|
kind: "image-style",
|
|
9544
9544
|
name: "Grainy Duotone",
|
|
9545
9545
|
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 +9551,7 @@ var OPEN_DESIGN_REGISTRY = [
|
|
|
9551
9551
|
}
|
|
9552
9552
|
},
|
|
9553
9553
|
{
|
|
9554
|
-
id: "
|
|
9554
|
+
id: "image-style:op-ed-cover",
|
|
9555
9555
|
kind: "image-style",
|
|
9556
9556
|
name: "Op-Ed Cover",
|
|
9557
9557
|
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 +9563,7 @@ var OPEN_DESIGN_REGISTRY = [
|
|
|
9563
9563
|
}
|
|
9564
9564
|
},
|
|
9565
9565
|
{
|
|
9566
|
-
id: "
|
|
9566
|
+
id: "image-style:grain-poster",
|
|
9567
9567
|
kind: "image-style",
|
|
9568
9568
|
name: "Grain Poster",
|
|
9569
9569
|
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 +9575,7 @@ var OPEN_DESIGN_REGISTRY = [
|
|
|
9575
9575
|
}
|
|
9576
9576
|
},
|
|
9577
9577
|
{
|
|
9578
|
-
id: "
|
|
9578
|
+
id: "image-style:light-pop-portrait",
|
|
9579
9579
|
kind: "image-style",
|
|
9580
9580
|
name: "Light Pop Portrait",
|
|
9581
9581
|
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 +9587,7 @@ var OPEN_DESIGN_REGISTRY = [
|
|
|
9587
9587
|
}
|
|
9588
9588
|
},
|
|
9589
9589
|
{
|
|
9590
|
-
id: "
|
|
9590
|
+
id: "image-style:endpaper",
|
|
9591
9591
|
kind: "image-style",
|
|
9592
9592
|
name: "Endpaper",
|
|
9593
9593
|
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 +9599,7 @@ var OPEN_DESIGN_REGISTRY = [
|
|
|
9599
9599
|
}
|
|
9600
9600
|
},
|
|
9601
9601
|
{
|
|
9602
|
-
id: "
|
|
9602
|
+
id: "image-style:editorial-flatfolk",
|
|
9603
9603
|
kind: "image-style",
|
|
9604
9604
|
name: "Editorial Flatfolk",
|
|
9605
9605
|
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 +9611,7 @@ var OPEN_DESIGN_REGISTRY = [
|
|
|
9611
9611
|
}
|
|
9612
9612
|
},
|
|
9613
9613
|
{
|
|
9614
|
-
id: "
|
|
9614
|
+
id: "image-style:soft-vector",
|
|
9615
9615
|
kind: "image-style",
|
|
9616
9616
|
name: "Soft Vector",
|
|
9617
9617
|
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 +9623,7 @@ var OPEN_DESIGN_REGISTRY = [
|
|
|
9623
9623
|
}
|
|
9624
9624
|
},
|
|
9625
9625
|
{
|
|
9626
|
-
id: "
|
|
9626
|
+
id: "image-style:loose-contour",
|
|
9627
9627
|
kind: "image-style",
|
|
9628
9628
|
name: "Loose Contour",
|
|
9629
9629
|
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 +9635,7 @@ var OPEN_DESIGN_REGISTRY = [
|
|
|
9635
9635
|
}
|
|
9636
9636
|
},
|
|
9637
9637
|
{
|
|
9638
|
-
id: "
|
|
9638
|
+
id: "image-style:jade-blockprint",
|
|
9639
9639
|
kind: "image-style",
|
|
9640
9640
|
name: "Jade Blockprint",
|
|
9641
9641
|
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 +9647,7 @@ var OPEN_DESIGN_REGISTRY = [
|
|
|
9647
9647
|
}
|
|
9648
9648
|
},
|
|
9649
9649
|
{
|
|
9650
|
-
id: "
|
|
9650
|
+
id: "image-style:shadow-pop",
|
|
9651
9651
|
kind: "image-style",
|
|
9652
9652
|
name: "Shadow Pop",
|
|
9653
9653
|
description: "Bright flat-vector illustration with offset black shape shadows, white dashed stitching, palette confetti, and transparent PNG output.",
|
|
@@ -9659,7 +9659,7 @@ var OPEN_DESIGN_REGISTRY = [
|
|
|
9659
9659
|
}
|
|
9660
9660
|
},
|
|
9661
9661
|
{
|
|
9662
|
-
id: "
|
|
9662
|
+
id: "image-style:tiny-wanderer",
|
|
9663
9663
|
kind: "image-style",
|
|
9664
9664
|
name: "Tiny Wanderer",
|
|
9665
9665
|
description: "Contemplative bande-dessin\xE9e landscape illustration \u2014 tiny human dwarfed by vast nature, ink hatching + flat color, vertical portrait canvas.",
|
|
@@ -9671,7 +9671,7 @@ var OPEN_DESIGN_REGISTRY = [
|
|
|
9671
9671
|
}
|
|
9672
9672
|
},
|
|
9673
9673
|
{
|
|
9674
|
-
id: "
|
|
9674
|
+
id: "image-style:iberian-vignette",
|
|
9675
9675
|
kind: "image-style",
|
|
9676
9676
|
name: "Iberian Vignette",
|
|
9677
9677
|
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 +9684,7 @@ var OPEN_DESIGN_REGISTRY = [
|
|
|
9684
9684
|
}
|
|
9685
9685
|
];
|
|
9686
9686
|
function filterByKind(kind) {
|
|
9687
|
-
return
|
|
9687
|
+
return RESOURCE_REGISTRY.filter((entry) => {
|
|
9688
9688
|
return entry.kind === kind;
|
|
9689
9689
|
});
|
|
9690
9690
|
}
|
|
@@ -9696,7 +9696,7 @@ function findImageStyle(id) {
|
|
|
9696
9696
|
return entry.id === id;
|
|
9697
9697
|
});
|
|
9698
9698
|
}
|
|
9699
|
-
function
|
|
9699
|
+
function toGenerationTarget(value) {
|
|
9700
9700
|
if (value === "dashboard") {
|
|
9701
9701
|
return "dashboard-design";
|
|
9702
9702
|
}
|
|
@@ -9708,17 +9708,17 @@ function toOpenDesignTarget(value) {
|
|
|
9708
9708
|
}
|
|
9709
9709
|
return value;
|
|
9710
9710
|
}
|
|
9711
|
-
function
|
|
9711
|
+
function selectResourceCandidates() {
|
|
9712
9712
|
return {
|
|
9713
|
-
registryVersion:
|
|
9713
|
+
registryVersion: RESOURCE_REGISTRY_VERSION,
|
|
9714
9714
|
source: {
|
|
9715
|
-
repo:
|
|
9716
|
-
ref:
|
|
9715
|
+
repo: RESOURCE_REGISTRY_REPO,
|
|
9716
|
+
ref: RESOURCE_REGISTRY_COMMIT
|
|
9717
9717
|
},
|
|
9718
9718
|
sources: [
|
|
9719
9719
|
{
|
|
9720
|
-
repo:
|
|
9721
|
-
ref:
|
|
9720
|
+
repo: RESOURCE_REGISTRY_REPO,
|
|
9721
|
+
ref: RESOURCE_REGISTRY_COMMIT
|
|
9722
9722
|
},
|
|
9723
9723
|
{
|
|
9724
9724
|
repo: VM0_SKILLS_REPO,
|
|
@@ -9745,7 +9745,7 @@ var artifactRules = [
|
|
|
9745
9745
|
"Produce a single final image file and keep any temporary metadata under the output directory."
|
|
9746
9746
|
];
|
|
9747
9747
|
function createStyledImageAuthoringPacket(options) {
|
|
9748
|
-
const baseSlice =
|
|
9748
|
+
const baseSlice = selectResourceCandidates();
|
|
9749
9749
|
const candidateSlice = {
|
|
9750
9750
|
...baseSlice,
|
|
9751
9751
|
candidates: {
|
|
@@ -10807,10 +10807,10 @@ var imageCommand = createImageGenerateCommand({
|
|
|
10807
10807
|
Use a connector: zero generate image --provider replicate`
|
|
10808
10808
|
});
|
|
10809
10809
|
|
|
10810
|
-
// src/commands/zero/generate/
|
|
10810
|
+
// src/commands/zero/generate/artifacts.ts
|
|
10811
10811
|
init_esm_shims();
|
|
10812
10812
|
|
|
10813
|
-
// src/commands/zero/shared/
|
|
10813
|
+
// src/commands/zero/shared/artifact-generate.ts
|
|
10814
10814
|
init_esm_shims();
|
|
10815
10815
|
|
|
10816
10816
|
// src/commands/zero/shared/html-artifact-authoring.ts
|
|
@@ -10841,7 +10841,7 @@ function createHtmlArtifactAuthoringPacket(options) {
|
|
|
10841
10841
|
const outputDir2 = outputDirForSite(site);
|
|
10842
10842
|
const hostCommand = `zero host ${outputDir2} --site ${site}${options.kind === "website" ? " --spa" : ""}`;
|
|
10843
10843
|
const title = titleForKind(options.kind);
|
|
10844
|
-
const candidateSlice =
|
|
10844
|
+
const candidateSlice = selectResourceCandidates();
|
|
10845
10845
|
const selectionSchema = {
|
|
10846
10846
|
skills: "string[]",
|
|
10847
10847
|
template: "string",
|
|
@@ -10990,8 +10990,8 @@ function createHtmlArtifactAuthoringPacket(options) {
|
|
|
10990
10990
|
};
|
|
10991
10991
|
}
|
|
10992
10992
|
|
|
10993
|
-
// src/commands/zero/shared/
|
|
10994
|
-
function
|
|
10993
|
+
// src/commands/zero/shared/artifact-generate.ts
|
|
10994
|
+
function createArtifactGenerateCommand(config) {
|
|
10995
10995
|
return new Command().name(config.name).description(config.description).option("--prompt <text>", "Artifact prompt; can also be piped via stdin").option(
|
|
10996
10996
|
"--provider <name>",
|
|
10997
10997
|
"Provider: 'built-in' to run vm0's pipeline, or a connector name to get its skill-invocation guidance"
|
|
@@ -11023,7 +11023,7 @@ Notes:
|
|
|
11023
11023
|
if (dispatch.outcome === "handled") return;
|
|
11024
11024
|
const prompt = dispatch.prompt;
|
|
11025
11025
|
const packet = createHtmlArtifactAuthoringPacket({
|
|
11026
|
-
kind:
|
|
11026
|
+
kind: toGenerationTarget(config.target),
|
|
11027
11027
|
prompt,
|
|
11028
11028
|
slugSource: options.title,
|
|
11029
11029
|
site: options.site,
|
|
@@ -11039,7 +11039,7 @@ Notes:
|
|
|
11039
11039
|
);
|
|
11040
11040
|
}
|
|
11041
11041
|
|
|
11042
|
-
// src/commands/zero/generate/
|
|
11042
|
+
// src/commands/zero/generate/artifacts.ts
|
|
11043
11043
|
function standardDetails(kind) {
|
|
11044
11044
|
return (options) => {
|
|
11045
11045
|
return [
|
|
@@ -11049,7 +11049,7 @@ function standardDetails(kind) {
|
|
|
11049
11049
|
];
|
|
11050
11050
|
};
|
|
11051
11051
|
}
|
|
11052
|
-
var reportCommand =
|
|
11052
|
+
var reportCommand = createArtifactGenerateCommand({
|
|
11053
11053
|
name: "report",
|
|
11054
11054
|
generationType: "report",
|
|
11055
11055
|
target: "report",
|
|
@@ -11066,7 +11066,7 @@ var reportCommand = createOpenDesignArtifactGenerateCommand({
|
|
|
11066
11066
|
"Verify the report is readable at desktop and mobile widths."
|
|
11067
11067
|
]
|
|
11068
11068
|
});
|
|
11069
|
-
var docsDesignCommand =
|
|
11069
|
+
var docsDesignCommand = createArtifactGenerateCommand({
|
|
11070
11070
|
name: "docs-design",
|
|
11071
11071
|
generationType: "docs-design",
|
|
11072
11072
|
target: "docs-design",
|
|
@@ -11083,7 +11083,7 @@ var docsDesignCommand = createOpenDesignArtifactGenerateCommand({
|
|
|
11083
11083
|
"Verify the page works at mobile and desktop widths."
|
|
11084
11084
|
]
|
|
11085
11085
|
});
|
|
11086
|
-
var posterCommand =
|
|
11086
|
+
var posterCommand = createArtifactGenerateCommand({
|
|
11087
11087
|
name: "poster",
|
|
11088
11088
|
generationType: "poster",
|
|
11089
11089
|
target: "poster",
|
|
@@ -11100,7 +11100,7 @@ var posterCommand = createOpenDesignArtifactGenerateCommand({
|
|
|
11100
11100
|
"Keep text deliberate and avoid placeholder copy."
|
|
11101
11101
|
]
|
|
11102
11102
|
});
|
|
11103
|
-
var dashboardDesignCommand =
|
|
11103
|
+
var dashboardDesignCommand = createArtifactGenerateCommand({
|
|
11104
11104
|
name: "dashboard-design",
|
|
11105
11105
|
generationType: "dashboard-design",
|
|
11106
11106
|
target: "dashboard-design",
|
|
@@ -11117,7 +11117,7 @@ var dashboardDesignCommand = createOpenDesignArtifactGenerateCommand({
|
|
|
11117
11117
|
"Verify the dashboard does not overflow at desktop and mobile widths."
|
|
11118
11118
|
]
|
|
11119
11119
|
});
|
|
11120
|
-
var mobileAppDesignCommand =
|
|
11120
|
+
var mobileAppDesignCommand = createArtifactGenerateCommand({
|
|
11121
11121
|
name: "mobile-app-design",
|
|
11122
11122
|
generationType: "mobile-app-design",
|
|
11123
11123
|
target: "mobile-app-design",
|
|
@@ -12652,7 +12652,7 @@ function registerZeroCommands(prog, commands) {
|
|
|
12652
12652
|
var program = new Command();
|
|
12653
12653
|
program.name("zero").description(
|
|
12654
12654
|
"Zero CLI \u2014 interact with the zero platform from inside the sandbox"
|
|
12655
|
-
).version("9.174.
|
|
12655
|
+
).version("9.174.3").addHelpText("after", () => {
|
|
12656
12656
|
return buildZeroHelpText();
|
|
12657
12657
|
});
|
|
12658
12658
|
if (process.argv[1]?.endsWith("zero.js") || process.argv[1]?.endsWith("zero.ts") || process.argv[1]?.endsWith("zero")) {
|