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