@allthingsclaude/blueprints 0.4.4 → 0.4.5

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.
Files changed (2) hide show
  1. package/content/commands/design.md +77 -60
  2. package/package.json +1 -1
package/content/commands/design.md CHANGED
@@ -39,74 +39,91 @@ Parse the brief for: asset type, platform(s), goal, style direction, messaging,
39
39
 
40
40
  ### If the brief is empty or vague:
41
41
 
42
- Conduct a focused discovery questionnaire. Ask questions **one at a time**, adapting based on previous answers. Don't dump all questions at once — this should feel like a conversation.
42
+ Conduct a focused discovery using the **AskUserQuestion tool** for interactive selection. The user should be able to click/select options rather than typing numbers. Adapt follow-up questions based on previous answers.
43
43
 
44
44
  #### First, determine the repo context:
45
45
 
46
46
  Check the "Existing Brand Assets" and "Previous Brand Brief" sections above. If brand files were detected (CSS, Tailwind config, SVGs, design tokens, or an existing `design/brand-brief.md`), this is a **brand-rich repo** — the codebase contains enough to derive brand identity, visual style, and messaging automatically.
47
47
 
48
- #### Always ask (every context):
49
-
50
- **Q1: What are we creating?**
51
- - Social media banners (Instagram, Twitter/X, LinkedIn, etc.)
52
- - Ad creatives (display, retargeting)
53
- - Email headers / newsletter graphics
54
- - Open Graph / social preview images
55
- - App store screenshots
56
- - Presentation slides / pitch deck graphics
57
- - Product Hunt launch assets
58
- - Custom (describe)
59
-
60
- **Q2: For which platform(s)?**
61
- Offer platform-specific dimensions — these will be auto-applied:
62
- | Platform | Format | Dimensions |
63
- |----------|--------|------------|
64
- | Instagram Post | Square | 1080×1080 |
65
- | Instagram Story | Vertical | 1080×1920 |
66
- | Twitter/X Post | Landscape | 1200×675 |
67
- | Twitter/X Header | Wide | 1500×500 |
68
- | LinkedIn Post | Landscape | 1200×627 |
69
- | LinkedIn Cover | Wide | 1584×396 |
70
- | Facebook Post | Landscape | 1200×630 |
71
- | YouTube Thumbnail | Landscape | 1280×720 |
72
- | Product Hunt | Landscape | 1270×760 |
73
- | Open Graph | Landscape | 1200×630 |
74
-
75
- **Q3: What's the campaign goal?**
76
- - Product launch / announcement
77
- - Feature spotlight
78
- - Brand awareness
79
- - Event promotion
80
- - Testimonial / social proof
81
- - Tutorial / how-to
82
- - Hiring / team culture
83
-
84
- **Q4: How many designs?** (default: 6)
85
-
86
- #### Only ask in bare repos (no brand files detected):
87
-
88
- If no CSS, Tailwind config, design tokens, or brand assets were found, the agent has nothing to analyze — so you need to ask:
89
-
90
- **Q5: Where should brand identity come from?**
91
- - **I'll describe it** — you'll provide colors, fonts, tone
92
- - **Start from scratch** — design freely, establish a new visual identity
93
-
94
- **Q6: What visual style?**
95
- - Minimal / editorial (whitespace, typography-driven, structural grids)
96
- - Bold / high-contrast (oversized type, strong colors, dramatic)
97
- - Dark / premium (dark backgrounds, glow effects, sleek)
98
- - Playful / colorful (gradients, rounded shapes, vibrant)
99
- - Technical / developer (terminal mockups, monospace, code aesthetics)
100
- - Photo-centric (imagery-driven, lifestyle)
101
-
102
- **Q7: What's the primary headline or message?**
103
- (Free text — the core copy direction)
104
-
105
- #### In brand-rich repos, skip Q5-Q7:
48
+ #### Round 1 — Core questions (single AskUserQuestion call, 3 questions):
49
+
50
+ **Q1** (header: "Asset type", multiSelect: false):
51
+ Question: "What type of design asset do you need?"
52
+ Options:
53
+ - label: "Social media banners" / description: "Instagram, Twitter/X, LinkedIn, Facebook"
54
+ - label: "Ad creatives & email" / description: "Display ads, retargeting, email headers, newsletter graphics"
55
+ - label: "Product assets" / description: "Open Graph images, App Store screenshots, Product Hunt"
56
+ - label: "Presentation graphics" / description: "Pitch deck slides, keynote visuals"
57
+
58
+ **Q2** (header: "Goal", multiSelect: false):
59
+ Question: "What's the campaign goal?"
60
+ Options:
61
+ - label: "Launch / announcement" / description: "New product, feature, or version release"
62
+ - label: "Feature spotlight" / description: "Highlight a specific capability or use case"
63
+ - label: "Brand awareness" / description: "General brand visibility and recognition"
64
+ - label: "Event / hiring / culture" / description: "Promote events, open roles, or team culture"
65
+
66
+ **Q3** (header: "Count", multiSelect: false):
67
+ Question: "How many designs should I create?"
68
+ Options:
69
+ - label: "3 designs" / description: "Focused, tight set"
70
+ - label: "6 designs (Recommended)" / description: "Balanced variety for a campaign"
71
+ - label: "9 designs" / description: "Extended campaign coverage"
72
+ - label: "12 designs" / description: "Full campaign suite with maximum variety"
73
+
74
+ #### Round 2 — Platform selection (single AskUserQuestion call, 1 question):
75
+
76
+ Ask a **multiSelect: true** question for platform(s). Offer the 4 most relevant platforms based on the asset type from Round 1:
77
+
78
+ If **social media banners**:
79
+ - label: "Instagram Post" / description: "Square — 1080×1080"
80
+ - label: "Instagram Story" / description: "Vertical — 1080×1920"
81
+ - label: "Twitter/X Post" / description: "Landscape — 1200×675"
82
+ - label: "LinkedIn Post" / description: "Landscape — 1200×627"
83
+
84
+ If **ad creatives & email**:
85
+ - label: "Email header" / description: "Wide — 600×200"
86
+ - label: "Newsletter graphic" / description: "Landscape — 1200×630"
87
+ - label: "Display ad" / description: "Landscape — 1200×628"
88
+ - label: "Retargeting banner" / description: "Rectangle — 300×250"
89
+
90
+ If **product assets**:
91
+ - label: "Open Graph" / description: "Landscape — 1200×630"
92
+ - label: "Product Hunt" / description: "Landscape — 1270×760"
93
+ - label: "YouTube Thumbnail" / description: "Landscape — 1280×720"
94
+ - label: "App Store screenshot" / description: "Portrait — 1284×2778"
95
+
96
+ If **presentation graphics**:
97
+ - label: "Slide 16:9" / description: "Widescreen — 1920×1080"
98
+ - label: "Slide 4:3" / description: "Standard — 1024×768"
99
+ - label: "LinkedIn Post" / description: "Landscape — 1200×627"
100
+ - label: "Twitter/X Post" / description: "Landscape — 1200×675"
101
+
102
+ #### Round 3 — Brand & style (only for bare repos, single AskUserQuestion call):
103
+
104
+ Only ask these if **no brand files were detected**. In brand-rich repos, skip to confirmation.
105
+
106
+ **Q1** (header: "Style", multiSelect: false):
107
+ Question: "What visual style fits your brand?"
108
+ Options:
109
+ - label: "Minimal / editorial" / description: "Whitespace, typography-driven, structural grids"
110
+ - label: "Bold / dark premium" / description: "High-contrast, oversized type, dark backgrounds, glow effects"
111
+ - label: "Playful / colorful" / description: "Gradients, rounded shapes, vibrant colors"
112
+ - label: "Technical / developer" / description: "Terminal mockups, monospace, code aesthetics"
113
+
114
+ **Q2** (header: "Headline", multiSelect: false):
115
+ Question: "What's the primary headline direction?"
116
+ Options:
117
+ - label: "Product name + tagline" / description: "Lead with brand identity and value prop"
118
+ - label: "Feature benefit" / description: "Lead with what the product does for users"
119
+ - label: "Call to action" / description: "Lead with urgency — try it, sign up, launch day"
120
+ - label: "I'll write it" / description: "Select Other to provide your own headline"
121
+
122
+ #### In brand-rich repos, skip Round 3:
106
123
 
107
124
  The agent will automatically analyze the codebase for colors, typography, design patterns, logos, and product copy. Brand identity, visual style, and messaging will be derived from the existing design system and content. The user can still override any of these when confirming the brief.
108
125
 
109
- After gathering answers, **summarize the complete brief and ask for confirmation** before launching the agent. Include what will be auto-derived from the codebase so the user can correct anything.
126
+ After gathering all answers, **summarize the complete brief and ask for confirmation** before launching the agent. Include what will be auto-derived from the codebase so the user can correct anything.
110
127
 
111
128
  ### Launching the Agent
112
129
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@allthingsclaude/blueprints",
3
- "version": "0.4.4",
3
+ "version": "0.4.5",
4
4
  "description": "Claude Code commands and agents for enhanced AI-assisted development workflows",
5
5
  "type": "module",
6
6
  "main": "dist/index.js",