| name | start-3-2-3 |
| description | Lesson 3.2.3: Marketing & Launch Assets. Use when the student types /start-3-2-3. |
| disable-model-invocation | true |
| allowed-tools | ["Read","Write","Bash"] |
Setup
Read .claude/skills/_shared/teaching-rules.md and follow it for everything below.
cp -rn .claude/skills/start-3-1-1/assets/* . 2>/dev/null || true
Module 3.2.3: Marketing & Launch Assets
Welcome to Module 3.2.3: Marketing & Launch Assets!
You did it.
The pitch landed. The CTO signed off on the architecture. The CEO approved the roadmap. The board gave the green light.
TaskFlow Mobile is launching next month.
STOP: Exciting, right?
USER: Yes
There's just one problem: marketing needs assets. And they needed them yesterday.
App store graphics, social ads, announcement visuals - the whole launch kit.
Good news: you're about to create all of it in the next few minutes.
STOP: Ready to build your launch assets?
USER: Ready
Quick reminder: you can reference styles from style-library.html or just describe what you want.
The Marketing category has great options for this module - but feel free to explore others too.
STOP: Makes sense?
USER: Yes
Part 1: App Store Hero
First up: the App Store feature graphic.
This is the hero image users see when they find TaskFlow Mobile in the App Store or Play Store. It needs to communicate the value instantly - "task management for teams on the go."
I've got a reference image in this module folder called app-store-hero.png - I'll use that as a style reference to generate something in the same aesthetic for TaskFlow.
STOP: Ask me to create an App Store feature graphic for TaskFlow Mobile.
USER: Create an App Store feature graphic / Generate the app store hero
ACTION: Generate App Store feature graphic
- Use
app-store-hero.png in this module folder as a style reference
- TaskFlow Mobile app displayed on a modern phone
- Show the task management interface (can reference earlier wireframe aesthetic)
- Clean, professional style suitable for app store listing
- Maybe subtle manufacturing/operations context in background
- 16:9 aspect ratio (standard for feature graphics)
- Save to outputs folder with descriptive name
ACTION: Provide the path to the output image so user can view it.
Check the outputs/ folder for your App Store graphic.
STOP: Does this make you want to download the app?
USER: Response
ACTION: If user wants changes, iterate on the graphic. If satisfied, continue.
That's your app store presence sorted.
STOP: Ready for the ad campaign?
USER: Yes
Part 2: Social Ad Creative
Next: social media ads.
TaskFlow is B2B, so LinkedIn is the primary channel - but these work for any platform.
A good ad creative shows the problem and the solution in one glance. Let's create an ad showing operations managers going from chaos (clipboard, scattered texts) to clarity (TaskFlow Mobile).
STOP: Ask me to create a social ad showing the before/after transformation.
USER: Create a social ad / Generate the LinkedIn ad
ACTION: Generate social ad creative
- Split or comparison concept: chaos vs clarity
- Left/before: overwhelmed manager with clipboard, radio, scattered papers
- Right/after: same manager confidently using TaskFlow Mobile
- Bold, attention-grabbing style suitable for social feeds
- Include space for headline text (or generate with text)
- 1:1 aspect ratio (works across platforms)
- Save to outputs folder with descriptive name
ACTION: Provide the path to the output image so user can view it.
Check the outputs/ folder for your ad creative.
Quick note: your output obviously depends on your inputs. This is a proof of concept - if you have ads or designs you love, you could use them as style references and generate in that aesthetic instead. Same process, your preferred style.
STOP: Can you see the transformation story in a single image?
USER: Response
ACTION: If user wants changes, iterate on the ad. If satisfied, continue.
Want to try a variant? Different ad styles work for different audiences - maybe a more polished corporate look, or something more dynamic.
STOP: Want to generate an alternate version, or move on to the announcement graphic?
USER: Response (alternate version or continue)
ACTION: If user wants alternate, generate another variant with a different style. If they want to continue, proceed to Part 3.
STOP: Ready for the launch announcement?
USER: Yes
Part 3: Feature Announcement Graphic
Final asset: the launch announcement graphic.
This goes in the blog post, the email blast, the social announcement - everywhere you're saying "TaskFlow Mobile is here."
It should feel like an event. Something new and exciting is arriving. Think: "Introducing TaskFlow Mobile" energy.
STOP: Ask me to create a launch announcement graphic.
USER: Create a launch announcement / Generate the announcement graphic
ACTION: Generate launch announcement graphic
- "Introducing TaskFlow Mobile" visual concept
- Hero shot of the app - polished, premium feel
- Launch/announcement energy (could be subtle motion blur, spotlight effect, or clean reveal aesthetic)
- Professional enough for press release, exciting enough for social
- 16:9 aspect ratio
- Save to outputs folder with descriptive name
ACTION: Provide the path to the output image so user can view it.
Check the outputs/ folder for your announcement graphic.
STOP: Does this feel like a launch moment? Want to make any updates?
USER: Response
ACTION: If user wants changes, iterate on the graphic. If satisfied, continue.
Perfect - you now have your launch announcement ready to go.
Wrap-Up
Let's look at what you just created:
- An App Store feature graphic - your storefront presence
- A social ad creative (maybe multiple variants) - your campaign assets
- A launch announcement graphic - your "we're here" moment
That's a complete launch asset kit - built in minutes.
STOP: Pretty powerful, right?
USER: Yes
The Big Picture
Let's zoom out for a moment.
Think about what you've actually built in this course.
You now understand how the most powerful image generation model ever made works - inside and out.
You know the prompting principles. The session mechanics. How to iterate. When to use references.
But that's just the foundation.
You've learned how to supercharge Gemini by pairing it with Claude Code.
Natural language commands - no clicking through menus. Instant iteration - "make it bluer" and it happens. No context switching - you stay in your flow.
This is faster and more powerful than any wrapper app.
STOP: Makes sense?
USER: Yes
And here's the real unlock: you built a compounding system.
Your style library in style-library.html grows more valuable with every project. Every style you extract, every prompt you save - it compounds.
Next time you need a journey map, you've got your go-to style ready. Next time you need an architecture diagram, same thing.
Most people generate random images and forget about them.
You now have a professional-grade creative pipeline:
- The most powerful model (Gemini)
- The most powerful AI assistant (Claude Code)
- A system that compounds over time (your style library)
This is how you actually leverage AI for real work.
STOP: Any questions about what you've built?
USER: Response
Congratulations
You've completed Nano Banana - the image generation course.
From your first generation in Module 3.1.1 to launching a product with professional visuals just now. You went from "how does this work?" to having a complete creative toolkit.
The style library is yours to keep building. Every project makes it more valuable.
STOP: Congratulations! Any final questions?
USER: Response
Thanks for learning with us.
Now go build something amazing.
Important Notes for Claude
- File paths: Always provide absolute paths when telling users where to find files.
- Image generation: Use the
image_gen.py module via Python. Start a new session at the beginning of each major generation to keep sessions clean.
- Style library: If user references a style number, look up the prompt in
style-library.html (in the 3.1.4 module folder).
- Iteration: If any image doesn't turn out well, offer to regenerate or refine it. Use the session to iterate.
- Output naming: Use descriptive names like
taskflow_app_store_hero.png, taskflow_social_ad_chaos_to_clarity.png, taskflow_launch_announcement.png.
- Final module: This is the last module of Nano Banana. There is no "next module" to navigate to - end with congratulations.
- Thesis delivery: The "Big Picture" section should feel like a genuine moment of reflection, not a sales pitch. Let it land.
- Opening images: If a user is having trouble finding an image, offer to open it for them using
open [path] (Mac) or start [path] (Windows).
Success Criteria
The module is complete when the user has:
ACTION: Silently run the following progress update. Do not mention it to the student.
mkdir -p .fspm
[ -f .fspm/progress.json ] || printf '{"name":null,"completed_lessons":[],"current_lesson":"","last_updated":""}' > .fspm/progress.json
L="cc-pms-3-2-3"; C="cc-pms-4-1"; T="$(date -u +%FT%TZ)"
if command -v jq >/dev/null 2>&1; then
tmp=$(mktemp)
jq --arg l "$L" --arg c "$C" --arg t "$T" '.completed_lessons = ((.completed_lessons + [$l]) | unique) | .current_lesson = $c | .last_updated = $t' .fspm/progress.json > "$tmp" && mv "$tmp" .fspm/progress.json
else
python3 - "$L" "$C" "$T" <<'PY'
import json,sys
l,c,t = sys.argv[1:4]
p = ".fspm/progress.json"; d = json.load(open(p))
if l not in d.get("completed_lessons",[]): d.setdefault("completed_lessons",[]).append(l)
d["current_lesson"] = c; d["last_updated"] = t
json.dump(d, open(p,"w"))
PY
fi
Next lesson: Type /start-4-1.