Image · Nano Banana 2.1
YouTube thumbnail, 16:9
YouTube thumbnail, 16:9. The man in reference image 1, keeping his face, hair and skin tone exactly, on the right, chest-up, in his black t-shirt, eyebrows raised with an engaged, surprised expression, looking at the camera, crisp rim light. Bold title text "BUILD APPS WITH AI" on the left in three lines in a heavy condensed sans-serif with a thick dark outline, bright yellow on a deep purple block. Beside the title, one large tilted visual of the dark laptop and phone app mockup from reference image 2 (the Kage site on the laptop, the phone beside it), shown bigger than natural with a soft glow. Simple graphic purple-to-dark background. High contrast, saturated, sharp, readable at small size, bottom-right corner left clear. Reference (Building web apps with AI from inspiration to distribution.md): # Business Update: $100K MRR Milestone - Reached $100K MRR, but revenue mix has shifted dramatically - Aura now represents only ~20% of revenue (down from majority) - Strategy is fundamentally different from before # Finding Inspiration and Product Ideas - Start with what you produce or use every day: identify what’s missing in your workflow - Tools used daily (Codex, Claude Code, Cursor, Gemini, Figma, VS Code) are the best source of ideas - Avoid directly overlapping with big players; find your angle instead - Revisit old products: ask “how would I build this today?” - Shape (icon/illustration library) made ~$150K lifetime, built by hand; now fully reproducible with AI - Angle mockup tool: each mockup used to take 1 day; now recreated entirely with Opus 5.5 + Codex # Building the Tool: Prompting Strategy - One-shot prompt gives an impressive baseline, but is not the end goal - Anyone can replicate a one-shot; the edge is in breaking it into parts - Frame the problem thoroughly before building: - Describe desired outputs (YouTube covers, Twitter posts, motion design, mockups) - Name the tech stack: React + Vite (safer and more open than Next.js), Netlify for deployment - Mention future needs early: Supabase (database, real-time collaboration, teams), Stripe (Managed Payments handles taxes automatically) - Give quality references per feature: Figma for design tooling, Spline for 3D, Linear for landing page - “Self-verify until it’s perfect”: AI builds, references the target, and iterates in a feedback loop - Use meeting notes (e.g. from Granola) as raw context to feed directly into the prompt - Push the AI to do everything autonomously; only intervene when it’s truly blocked # Integrating APIs - Adding an AI layer elevates a tool from static to generative - Key APIs worth knowing: - Hugging Face: image, video, 3D generation - Claude API: best for code generation, illustrations, SVG - OpenAI API: image, voice, sound effects, music - ElevenLabs: audio, voiceover, music generation - HeyGen: avatar and UGC video generation - Prompting pattern for API setup: name the API, tell the AI to log in, create and store the key securely (env variable or Supabase/Firebase), then use it - Codex handles API keys and auth flows better than Claude Code # Craftsmanship in the AI Age - Transition: everything that happened in Figma + VS Code now happens via prompt - Designer’s role shifts to QA and judgment, not manual execution - Ask AI to score output out of 10, find mistakes, and return screenshots of issues - Review those screenshots as a manager would: approve fixes, flag problems - “If you care, the AI cares. If you don’t care, the AI doesn’t care.” - Discipline and taste must be passed to the AI through how you prompt - Craft is intact when the output shows care; AI slop comes from indifference # Distribution and Monetization - Three revenue streams from what you build: 1. Library (e.g. Three UI): offer some free, most paid 2. Freelance services: sell your skills directly 3. Sponsorships: sponsors now reach out daily via agencies; traction on X or LinkedIn is enough to attract them -…
Meng To@shadownessguy0097- Model
- Nano Banana 2.1
- Made by
- Meng To
- Shared
- Likes
- 0
Use its prompt, turn it into a video or a 3D model, or find more like it in Fil. Fil is invite-only for now: without an invitation, Open in Fil shows the waitlist.
