aiblueprint-cli 1.4.82 → 1.4.83

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 (31) hide show
  1. package/README.md +4 -1
  2. package/agents-config/skills/apex/SKILL.md +61 -0
  3. package/agents-config/skills/appstore-connect/SKILL.md +2 -2
  4. package/agents-config/skills/{appstore-connect-setup/SKILL.md → appstore-connect/references/setup.md} +3 -6
  5. package/agents-config/skills/ios-testflight/SKILL.md +2 -2
  6. package/dist/cli.js +39 -38
  7. package/package.json +1 -1
  8. package/agents-config/skills/create-vitejs-app/SKILL.md +0 -273
  9. package/agents-config/skills/nextjs-add-prisma-db/SKILL.md +0 -137
  10. package/agents-config/skills/nextjs-setup-better-auth/SKILL.md +0 -174
  11. package/agents-config/skills/nextjs-setup-project/SKILL.md +0 -201
  12. package/agents-config/skills/saas-challenge-idea/SKILL.md +0 -136
  13. package/agents-config/skills/saas-create-architecture/SKILL.md +0 -243
  14. package/agents-config/skills/saas-create-headline/SKILL.md +0 -133
  15. package/agents-config/skills/saas-create-landing-copywritting/SKILL.md +0 -268
  16. package/agents-config/skills/saas-create-legals-docs/SKILL.md +0 -177
  17. package/agents-config/skills/saas-create-logos/SKILL.md +0 -241
  18. package/agents-config/skills/saas-create-prd/SKILL.md +0 -196
  19. package/agents-config/skills/saas-create-tasks/SKILL.md +0 -241
  20. package/agents-config/skills/saas-define-pricing/SKILL.md +0 -294
  21. package/agents-config/skills/saas-find-domain-name/SKILL.md +0 -191
  22. package/agents-config/skills/saas-implement-landing-page/SKILL.md +0 -258
  23. package/agents-config/skills/setup-tmux/SKILL.md +0 -165
  24. /package/agents-config/skills/{agents-managers → agents-manager}/SKILL.md +0 -0
  25. /package/agents-config/skills/{agents-managers → agents-manager}/references/agents.md +0 -0
  26. /package/agents-config/skills/{agents-managers → agents-manager}/references/context-management.md +0 -0
  27. /package/agents-config/skills/{agents-managers → agents-manager}/references/debugging-agents.md +0 -0
  28. /package/agents-config/skills/{agents-managers → agents-manager}/references/error-handling-and-recovery.md +0 -0
  29. /package/agents-config/skills/{agents-managers → agents-manager}/references/evaluation-and-testing.md +0 -0
  30. /package/agents-config/skills/{agents-managers → agents-manager}/references/orchestration-patterns.md +0 -0
  31. /package/agents-config/skills/{agents-managers → agents-manager}/references/writing-agent-prompts.md +0 -0
@@ -1,268 +0,0 @@
1
- ---
2
- name: saas-create-landing-copywritting
3
- description: Generate conversion-focused landing page copywriting based on PRD and marketing context
4
- ---
5
-
6
- <objective>
7
- Generate a complete, ready-to-use landing page copywriting document that converts visitors into customers.
8
-
9
- Focus on benefits over features, emotional resonance, and proven conversion frameworks. This comes AFTER the PRD and ARCHI - the PRD defines WHAT to build, ARCHI defines HOW, this creates the COPY that sells.
10
- </objective>
11
-
12
- <process>
13
- ## Phase 1: Locate Project Files
14
-
15
- 1. **Ask for project location**:
16
- > "Where is your project located?"
17
-
18
- 2. **Find and read all files** (use Glob):
19
- - `**/PRD.md` or `**/*prd*.md`
20
- - `**/ARCHI.md` or `**/*archi*.md`
21
- - `**/*marketing*/**/*.md`
22
- - `**/*objection*.md`
23
- - `**/*competitive*.md`
24
-
25
- 3. **Save PRD directory path** - Create LANDING_PAGE.md in SAME directory as PRD
26
-
27
- ## Phase 2: Extract Context
28
-
29
- 4. **From PRD extract**:
30
- - Target users and personas
31
- - Pain points and problems
32
- - Features and solutions
33
- - Success metrics
34
-
35
- 5. **From ARCHI extract**:
36
- - Technical advantages to translate into benefits
37
- - Unique capabilities
38
-
39
- 6. **From marketing files extract**:
40
- - Existing headlines and value props
41
- - Objections that need handling
42
- - Competitive positioning angles
43
-
44
- ## Phase 3: Research Best Practices
45
-
46
- 7. **Web search for**:
47
- - "SaaS landing page copywriting 2025 best practices"
48
- - "conversion copywriting frameworks AIDA PAS PRESTO"
49
- - "high converting landing page examples [industry]"
50
-
51
- 8. **Analyze 3-5 top landing pages** in same category using WebFetch
52
-
53
- ## Phase 4: Choose Framework
54
-
55
- 9. **Select copywriting framework**:
56
-
57
- **AIDA** (Attention, Interest, Desire, Action):
58
- - Use for: Broad audiences, new categories, educational sells
59
- - Best when: Need to build interest gradually
60
-
61
- **PAS** (Problem, Agitate, Solution):
62
- - Use for: Strong pain points, clear problems, urgent needs
63
- - Best when: Users actively seeking solutions
64
-
65
- **PRESTO** (Promise, Repeat, Evidence, Stakes, Transition, Offer):
66
- - Use for: Complex products, B2B, service-heavy SaaS
67
- - Best when: Longer sales cycles, need credibility building
68
-
69
- **Hybrid**: Combine frameworks for different sections
70
-
71
- ## Phase 5: Generate Copy
72
-
73
- 10. **Create LANDING_PAGE.md** with ALL sections:
74
-
75
- ```markdown
76
- # Landing Page Copywriting: [Product Name]
77
-
78
- ## Target Audience Summary
79
- [From PRD - who, pain points, goals]
80
-
81
- ## Copywriting Framework
82
- **Primary**: [AIDA/PAS/PRESTO/Hybrid]
83
- **Strategy**: [Brief explanation]
84
-
85
- ---
86
-
87
- ## HERO SECTION
88
-
89
- ### Headline (H1)
90
- **Option 1**: [Benefit-focused]
91
- **Option 2**: [Timeline/result-focused]
92
- **Option 3**: [Transformation-focused]
93
- **Recommended**: [Which and why]
94
-
95
- ### Subheadline (H2)
96
- [Supporting detail that clarifies the promise]
97
-
98
- ### Primary CTA
99
- **Button**: [Action-oriented text]
100
- **Micro-copy**: [Trust-building text under button]
101
-
102
- ### Social Proof Snippet
103
- [Quick credibility: "Join 10,000+ creators"]
104
-
105
- ---
106
-
107
- ## PROBLEM SECTION
108
-
109
- ### Section Headline
110
- [Empathetic headline calling out the pain]
111
-
112
- ### Pain Points
113
- - **[Pain 1]**: [Emotional description]
114
- - **[Pain 2]**: [Emotional description]
115
- - **[Pain 3]**: [Emotional description]
116
-
117
- ### Agitation Paragraph
118
- [2-3 sentences deepening the pain]
119
-
120
- ---
121
-
122
- ## SOLUTION SECTION
123
-
124
- ### Headline
125
- [How your product solves the problem]
126
-
127
- ### Value Proposition
128
- [2-3 sentences on unique approach]
129
-
130
- ### Benefits (3-4 cards)
131
- **Benefit 1**: [Headline]
132
- - Copy: [2-3 sentences]
133
- - Icon: [Suggestion]
134
-
135
- [Repeat for each benefit]
136
-
137
- ---
138
-
139
- ## FEATURES SECTION
140
-
141
- ### Section Headline
142
- [Features presented as benefits]
143
-
144
- ### Feature 1: [Name]
145
- **Headline**: [Benefit-focused]
146
- **Description**: [2-3 sentences - benefit + how it works]
147
-
148
- [Repeat for each feature]
149
-
150
- ---
151
-
152
- ## SOCIAL PROOF
153
-
154
- ### Section Headline
155
- [Trust-building headline]
156
-
157
- ### Testimonials
158
- **Quote 1**: "[Specific result achieved]"
159
- - Author: [Name, Role, Company]
160
- - Result: [Specific metric]
161
-
162
- [Repeat 2-3 more]
163
-
164
- ### Trust Indicators
165
- - [Number of users]
166
- - [Notable clients]
167
- - [Recognition/awards]
168
-
169
- ---
170
-
171
- ## OBJECTION HANDLING
172
-
173
- ### Objection 1: [Common concern]
174
- **Response**: [How you address it]
175
-
176
- [Repeat for each objection]
177
-
178
- ---
179
-
180
- ## FAQ
181
-
182
- ### Q: [Most common question]
183
- **A**: [Clear answer]
184
-
185
- [5-8 FAQs covering blockers]
186
-
187
- ---
188
-
189
- ## PRICING (if applicable)
190
-
191
- ### Section Headline
192
- [Value-focused]
193
-
194
- ### Tier 1: [Name] - $X/mo
195
- **For**: [Who]
196
- **Features**: [List]
197
- **CTA**: [Button text]
198
-
199
- [Repeat for each tier]
200
-
201
- ### Guarantee
202
- [Money-back guarantee text]
203
-
204
- ---
205
-
206
- ## FINAL CTA
207
-
208
- ### Headline
209
- [Compelling call to action]
210
-
211
- ### Supporting Copy
212
- [2-3 sentences creating urgency]
213
-
214
- ### CTA
215
- **Button**: [Strong action verb]
216
- **Trust**: [Final reassurance]
217
-
218
- ---
219
-
220
- ## TONE & VOICE
221
-
222
- **Overall**: [Professional/Casual/Technical]
223
- **Words to use**: [Power words]
224
- **Words to avoid**: [Jargon to skip]
225
- ```
226
- </process>
227
-
228
- <constraints>
229
- **BENEFIT TRANSLATION FORMULA**:
230
- - Feature: "We have X"
231
- - Function: "X does Y"
232
- - Benefit: "So you can Z" ← ALWAYS get here
233
-
234
- **HEADLINE PATTERNS**:
235
- - [Benefit] in [Timeframe]: "Create your SaaS in 30 days"
236
- - [Transformation] for [Audience]: "From Zero to Developer for Entrepreneurs"
237
- - [Promise] without [Pain]: "Build apps without coding headaches"
238
-
239
- **CTA RULES**:
240
- - Use action verbs: Start, Create, Build, Launch, Join, Get
241
- - Add value context: "Start Building Free" vs "Sign Up"
242
- - Create urgency: "Join 500 Early Users"
243
-
244
- **NEVER**:
245
- - Write generic copy that fits any product
246
- - Lead with features instead of benefits
247
- - Skip the research phase
248
- - Use placeholder text instead of real copy
249
- - Save file in wrong location
250
- </constraints>
251
-
252
- <output>
253
- **File**: LANDING_PAGE.md in same directory as PRD
254
- **Content**: Complete copy for all sections (not placeholders)
255
- **Headlines**: 3 options for hero with recommendation
256
- **Benefits**: All features translated using benefit formula
257
- **Objections**: All objections from files addressed
258
- </output>
259
-
260
- <success_criteria>
261
- - Hero section has 3 headline options with clear recommendation
262
- - ALL sections have benefit-focused copy (not feature-focused)
263
- - CTAs are action-oriented and specific
264
- - All objections from files are addressed
265
- - Copy aligns with PRD target users and pain points
266
- - Technical advantages from ARCHI translated to benefits
267
- - File saved in same directory as PRD
268
- </success_criteria>
@@ -1,177 +0,0 @@
1
- ---
2
- name: saas-create-legals-docs
3
- description: Generate GDPR-compliant Privacy Policy and Terms of Service based on product and data practices
4
- ---
5
-
6
- <objective>
7
- Generate comprehensive, GDPR-compliant legal documentation for a SaaS application.
8
-
9
- Create a Privacy Policy and Terms of Service that are understandable by regular users while being legally sound. These documents protect both the business and users while building trust.
10
- </objective>
11
-
12
- <process>
13
- ## Phase 1: Locate PRD
14
-
15
- 1. **Ask for PRD location**:
16
- > "Where is your PRD? Please provide the file path."
17
-
18
- 2. **Extract from PRD**:
19
- - Product name and company name
20
- - What data is collected (user input, analytics, files)
21
- - Third-party integrations (Stripe, analytics, email)
22
- - Target regions (EU, US, global)
23
- - User account features
24
-
25
- 3. **Save output path** - Legal docs go in same directory as PRD
26
-
27
- ## Phase 2: Information Gathering
28
-
29
- 4. **Collect required information** (ask in batches, not all at once):
30
-
31
- **Company Information**:
32
- - Legal company name and structure (LLC, Inc, SARL)
33
- - Jurisdiction (State/Country)
34
- - Registration number (EIN for US, SIRET for France)
35
- - Complete legal address
36
- - Contact email for legal/privacy matters
37
-
38
- **For French Companies** (CGV required):
39
- - Numéro SIRET
40
- - Numéro de TVA intracommunautaire
41
- - Capital social (if SARL/SAS)
42
- - RCS (Registre du Commerce et des Sociétés)
43
-
44
- **Data Collection**:
45
- - Account data: email, name, profile info?
46
- - Payment data: credit cards via Stripe/LemonSqueezy?
47
- - Content data: what user-created content is stored?
48
- - Usage data: analytics, logs, interaction data?
49
- - Cookies: essential only, or analytics/marketing too?
50
-
51
- **Third-Party Services** (check which apply):
52
- - Payment: Stripe / LemonSqueezy / Other
53
- - Analytics: PostHog / Plausible / Google Analytics
54
- - Email: Resend / SendGrid / Other
55
- - Hosting: Vercel / AWS / Other
56
- - AI: OpenAI / Anthropic / Other
57
- - Error tracking: Sentry / Other
58
-
59
- **Data Practices**:
60
- - Data retention: How long is data kept?
61
- - Data deletion: Can users delete their account/data?
62
- - Data export: Can users export their data?
63
- - Data sharing: Shared with anyone beyond service providers?
64
-
65
- **Terms Specifics**:
66
- - Free tier available? Limitations?
67
- - Paid tiers? Refund policy?
68
- - User-generated content? Moderation?
69
- - API access? Rate limits?
70
- - Prohibited uses? (spam, illegal, abuse)
71
-
72
- **Dispute Resolution**:
73
- - Preferred governing law? (Delaware common for US)
74
- - Mandatory arbitration? (faster, cheaper than court)
75
- - Class action waiver? (individual claims only)
76
-
77
- **Languages Needed**:
78
- - English version?
79
- - French version (CGV)?
80
- - Both?
81
-
82
- ## Phase 3: Generate Privacy Policy
83
-
84
- 5. **Create PRIVACY_POLICY.md** with these sections:
85
-
86
- - **Introduction**: Company name, what the policy covers
87
- - **Information We Collect**:
88
- - Information provided (account, payment, content)
89
- - Information collected automatically (usage, device, cookies)
90
- - **How We Use Information**: Provide service, process payments, improve, legal compliance
91
- - **Data Sharing**: Service providers listed by name, legal requirements, business transfers
92
- - **Data Retention**: How long for each data type
93
- - **Your Rights**:
94
- - All users: access, correct, delete, export
95
- - EU users (GDPR): erasure, portability, restrict, object
96
- - California users (CCPA): know, delete, opt-out, non-discrimination
97
- - **Data Security**: Encryption, access controls, limitations
98
- - **International Transfers**: Where data stored, safeguards
99
- - **Cookies**: Essential, analytics, marketing - with opt-out info
100
- - **Children's Privacy**: Not for under 16
101
- - **Changes to Policy**: How updates are communicated
102
- - **Contact**: Privacy email and address
103
-
104
- ## Phase 4: Generate Terms of Service
105
-
106
- 6. **Create TERMS_OF_SERVICE.md** with these sections:
107
-
108
- - **Agreement to Terms**: Using service = agreeing
109
- - **Description of Service**: What the product does
110
- - **Accounts**: Creation, security, termination
111
- - **Subscription and Payment** (if paid):
112
- - Pricing and billing
113
- - Refund policy
114
- - Cancellation
115
- - Free tier limitations
116
- - **Acceptable Use**: What users must NOT do
117
- - **Intellectual Property**: Company owns service, user owns their content, limited license
118
- - **Third-Party Services**: Not responsible for integrations
119
- - **Disclaimer of Warranties**: AS IS, no guarantees
120
- - **Limitation of Liability**: No indirect damages, liability cap
121
- - **Indemnification**: User holds company harmless
122
- - **Governing Law**: Jurisdiction
123
- - **Dispute Resolution**: Informal first, then arbitration/courts
124
- - **Changes to Terms**: How updates work
125
- - **Miscellaneous**: Entire agreement, severability, waiver, assignment
126
- - **Contact**: Legal email
127
-
128
- ## Phase 5: Generate French CGV (if needed)
129
-
130
- 7. **Create CGV.md** if French market - includes:
131
- - Required company information (SIRET, RCS, TVA)
132
- - Article structure required by French law
133
- - Droit de rétractation (14-day withdrawal right)
134
- - Exception for digital content accessed immediately
135
- - Médiation de la consommation (required mediator info)
136
- - Garantie légale de conformité
137
- </process>
138
-
139
- <output>
140
- **Files created**:
141
- - `PRIVACY_POLICY.md` - Complete privacy policy
142
- - `TERMS_OF_SERVICE.md` - Complete terms of service
143
- - `CGV.md` - French conditions générales de vente (if requested)
144
-
145
- All saved in same directory as PRD.
146
- </output>
147
-
148
- <constraints>
149
- **CRITICAL NOTES**:
150
- - These are templates, NOT legal advice
151
- - Recommend professional legal review before production use
152
- - Adapt based on actual business practices and jurisdiction
153
- - Keep language understandable to regular users
154
-
155
- **DO NOT**:
156
- - Generate with placeholders - fill in ALL details from gathered info
157
- - Skip GDPR requirements if serving EU users
158
- - Omit required disclosures for third-party services
159
- - Generate without asking for required company information first
160
- - Skip French-specific requirements if CGV requested
161
-
162
- **LEGAL PROTECTION PRIORITY**:
163
- - Include liability caps and disclaimers
164
- - Clearly define prohibited uses
165
- - Specify governing law and venue
166
- - Include arbitration clause if requested
167
- </constraints>
168
-
169
- <success_criteria>
170
- - All company and product details filled in (no [brackets])
171
- - All third-party services disclosed in privacy policy
172
- - Data practices match actual product features
173
- - User rights section complete (GDPR, CCPA if applicable)
174
- - Terms cover payment, refunds, acceptable use
175
- - Documents saved in same directory as PRD
176
- - Clear recommendation for professional legal review included
177
- </success_criteria>
@@ -1,241 +0,0 @@
1
- ---
2
- name: saas-create-logos
3
- description: Generate 20 abstract SVG logo variations with brainstorming and HTML showcase
4
- arguments:
5
- - name: app-name
6
- description: Name of your app/product
7
- required: true
8
- - name: app-description
9
- description: What does your app do? Who is it for?
10
- required: true
11
- ---
12
-
13
- <objective>
14
- Generate 20 unique, minimalist SVG logo variations inspired by iconic logos (Stripe, Google, Claude, ChatGPT, Dub, Excalidraw).
15
-
16
- Output:
17
-
18
- 1. `specs/logos/brainstorm.md` - Logo concepts and rationale
19
- 2. `specs/logos/showcase-v1.html` - First batch of 20 logos (increment version for iterations)
20
- </objective>
21
-
22
- <context>
23
- **App Name**: #$ARGUMENTS.app-name
24
- **Description**: #$ARGUMENTS.app-description
25
- </context>
26
-
27
- <process>
28
- ## Phase 0: Ask Clarifying Questions
29
-
30
- **BEFORE doing anything**, ask the user these questions using AskUserQuestion:
31
-
32
- 1. **Logo Style**:
33
- - Lettermark (stylized letter like Stripe's "S")
34
- - Abstract symbol (like Claude's icon)
35
- - Geometric shape (like Airbnb)
36
- - Wordmark (full name stylized)
37
-
38
- 2. **Brand Personality**:
39
- - Modern & Techy
40
- - Playful & Friendly
41
- - Professional & Corporate
42
- - Bold & Edgy
43
- - Minimal & Clean
44
-
45
- 3. **Visual Inspiration** (can select multiple):
46
- - Stripe (depth, gradients)
47
- - Google (simple geometry)
48
- - Linear (sharp, modern)
49
- - Notion (clean, minimal)
50
- - Discord (friendly, rounded)
51
-
52
- Wait for user answers before proceeding.
53
-
54
- ## Phase 1: Analyze & Brainstorm
55
-
56
- 1. **Study the app name** with user preferences in mind:
57
- - Break down letters, sounds, meaning
58
- - Find visual metaphors (e.g., "Mail" → envelope, arrow, @ symbol)
59
- - Match to selected brand personality
60
-
61
- 2. **Apply user's style choices**:
62
- - Use selected logo style as primary direction
63
- - Incorporate visual inspiration references
64
- - Align with brand personality
65
-
66
- 3. **Create brainstorm.md**:
67
-
68
- ```markdown
69
- # Logo Brainstorm: [App Name]
70
-
71
- ## Brand Analysis
72
-
73
- - **Name meaning**: [What does the name evoke?]
74
- - **Core function**: [What does the app do?]
75
- - **Target vibe**: [Modern/Playful/Professional/Bold/Minimal]
76
-
77
- ## Visual Concepts
78
-
79
- ### Lettermark Ideas
80
-
81
- 1. [First letter stylized - describe approach]
82
- 2. [Initials combined - describe approach]
83
- 3. [Full name simplified - describe approach]
84
-
85
- ### Symbol Ideas
86
-
87
- 1. [Abstract shape representing core function]
88
- 2. [Geometric interpretation of name]
89
- 3. [Metaphor visualization]
90
-
91
- ### Style Direction
92
-
93
- - **Colors**: Black/white primary (can add accent later)
94
- - **Style**: Geometric, clean, SVG-optimized
95
- - **Inspiration**: [Which logos to draw from]
96
-
97
- ## 20 Variations Plan
98
-
99
- 1-5: Lettermark variations
100
- 6-10: Abstract symbols
101
- 11-15: Geometric shapes
102
- 16-20: Experimental/unique
103
- ```
104
-
105
- ## Phase 2: Generate HTML Showcase
106
-
107
- 4. **Check for existing versions**:
108
- - Look for `specs/logos/showcase-v*.html`
109
- - Increment version number (v1, v2, v3...)
110
- - If v1 exists, create v2, etc.
111
-
112
- 5. **Create showcase-vX.html** with this structure:
113
-
114
- ```html
115
- <!DOCTYPE html>
116
- <html lang="en">
117
- <head>
118
- <meta charset="UTF-8" />
119
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
120
- <title>[App Name] - Logos</title>
121
- <style>
122
- * {
123
- margin: 0;
124
- padding: 0;
125
- box-sizing: border-box;
126
- }
127
- body {
128
- background: #fff;
129
- }
130
- .grid {
131
- display: grid;
132
- grid-template-columns: repeat(5, 1fr);
133
- }
134
- .cell {
135
- aspect-ratio: 1;
136
- border: 1px solid #e5e5e5;
137
- display: flex;
138
- align-items: center;
139
- justify-content: center;
140
- padding: 24px;
141
- }
142
- .cell svg {
143
- width: 100%;
144
- height: 100%;
145
- max-width: 80px;
146
- max-height: 80px;
147
- }
148
- </style>
149
- </head>
150
- <body>
151
- <div class="grid">
152
- <div class="cell">
153
- <svg
154
- viewBox="0 0 500 500"
155
- fill="none"
156
- xmlns="http://www.w3.org/2000/svg"
157
- >
158
- <!-- SVG content here - use #000 for fills -->
159
- </svg>
160
- </div>
161
- <!-- ... 19 more cells -->
162
- </div>
163
- </body>
164
- </html>
165
- ```
166
-
167
- ## Phase 3: Design 20 Logos
168
-
169
- 6. **Generate each SVG** following these rules:
170
- - ViewBox: `0 0 500 500`
171
- - Colors: Black (`#000`) on white background
172
- - No gradients in base version
173
- - Clean paths, minimal complexity
174
- - Must work at 16px and 512px
175
-
176
- 7. **Logo categories** (adapt based on user's style choice):
177
- - **1-5**: Primary style (user's selected logo style)
178
- - **6-10**: Secondary variations
179
- - **11-15**: Alternative interpretations
180
- - **16-20**: Experimental (unique, creative approaches)
181
-
182
- 8. **Document in brainstorm.md** (not in HTML):
183
- - Each logo's concept and rationale
184
- - Why it fits the brand
185
-
186
- ## Phase 4: Iteration Support
187
-
188
- 9. **After generating**, ask user:
189
-
190
- > "Which logos do you like? I can create v2 with variations of your favorites."
191
-
192
- 10. **For next iteration**: - Note favorites from previous version - Create `showcase-v2.html` with 20 new variations inspired by favorites - Each version builds on user feedback
193
- </process>
194
-
195
- <constraints>
196
- **SVG RULES**:
197
- - Pure SVG, no raster images
198
- - Black (`#000`) fills only
199
- - Simple paths, no complex effects
200
- - Must scale from favicon to billboard
201
-
202
- **DESIGN RULES**:
203
-
204
- - Inspired by: Stripe, Google, Claude, ChatGPT, Dub
205
- - Minimalist, geometric, modern
206
- - Recognizable at small sizes
207
- - No text (unless lettermark)
208
-
209
- **HTML RULES**:
210
-
211
- - Light mode only (white background)
212
- - 5x4 grid of logos
213
- - NO titles, NO descriptions, NO text
214
- - Just logos in cells separated by borders
215
- - Clean, minimal presentation
216
-
217
- **OUTPUT RULES**:
218
-
219
- - Create `specs/logos/` directory first
220
- - Save `brainstorm.md` with concepts and rationale
221
- - Save `showcase-vX.html` with just the logo grid
222
- - ONE HTML file per version
223
- </constraints>
224
-
225
- <output>
226
- **Files created**:
227
- 1. `specs/logos/brainstorm.md` - Logo concepts and rationale (all text here)
228
- 2. `specs/logos/showcase-v1.html` - Clean 5x4 grid of logos (no text)
229
-
230
- **HTML structure**:
231
-
232
- - 5x4 grid (20 logos)
233
- - Each cell: just the SVG, no text
234
- - Light gray borders between cells
235
- - White background
236
-
237
- **Iteration flow**:
238
-
239
- - v1: Initial 20 based on user preferences
240
- - v2+: Refinements based on user favorites
241
- </output>