Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

I've tested every vibe coding resource I could find this year. These are the 28 I actually kept, grouped by what you're stuck on. Bookmark this one 🔖 🧵👇 1. - 200+full build prompts for 3D and scroll-driven sites, each one a complete design brief rather than a component...

himanshubuildss's profile picture

Himanshu Hingorani

1,394 subscribers

497,024 Aufrufe • vor 2 Tagen •via X (Twitter)

BildungWissenschaft & Technologie
LIVE

Anya Rossi• Live Now

Private livecam show

20 Kommentare

Profilbild von Himanshu Hingorani
Himanshu Hingoranivor 2 Tagen

is a library of complete build prompts for animated websites. Pick a design, copy the prompt, paste it into any AI builder. And you are Done !!

Profilbild von Athrix ☄️
Athrix ☄️vor 1 Tag

add onemore - opensource :)

Profilbild von Traxex
Traxexvor 2 Tagen

I am pretty sure you have missed @caffeineai @runonquill

Profilbild von Brjan | AI Builder
Brjan | AI Buildervor 2 Tagen

200+ full build prompts is a treasure chest for anyone struggling with 3D sites

Profilbild von Zoltán Szőgyényi
Zoltán Szőgyényivor 2 Tagen

don't forget @typeui_sh 🙌

Profilbild von Tom Ford
Tom Fordvor 1 Tag

Brilliant list. Thanks!

Profilbild von Jyoti
Jyotivor 1 Tag

This is exactly what vibe coders need! The right resources can turn a basic idea into a polished product much faster. Saving this for my next project.

Profilbild von Sania Anees
Sania Aneesvor 1 Tag

Thanks a lot ! Really needed this for my website design..

Profilbild von Jay Corey
Jay Coreyvor 2 Tagen

Great share

Profilbild von Roshni
Roshnivor 1 Tag

Definitely bookmarking this list for later!

Profilbild von NUS
NUSvor 1 Tag

Useful

Profilbild von Natia Kurdadze - AI
Natia Kurdadze - AIvor 2 Tagen

Saving this for the day the blank canvas problem hits. shadcn as the baseline, Kinetics/Aceternity for the flair, CTA Gallery when the button just isn't converting, that's basically a full workflow right there, not just a link dump.

Profilbild von Yoav Abrahami
Yoav Abrahamivor 1 Tag

Try the Building a web framework for AI agents, not human developers

Profilbild von Yash
Yashvor 2 Tagen

The scroll animation looks quite cool and smooth

Profilbild von -S-
-S-vor 1 Tag

ありがとう 良い情報です

Profilbild von Abhi kaps
Abhi kapsvor 2 Tagen

If you are coding entirely by hand, prompt-optimized tools like DESIGNmd lose most of their utility. Does this mean the list's value is strictly conditional on using an AI agent for generation?

Profilbild von Benzai
Benzaivor 2 Tagen

any resources for Desktop apps? am building one with rust and GPUI and i could benifit from some 3d and motion effects ✨

Profilbild von SioSio-🐎🦑🦭/acc
SioSio-🐎🦑🦭/accvor 1 Tag

nice！今朝知りたかった〜笑

Profilbild von Jeremy Bosma
Jeremy Bosmavor 2 Tagen

curation beats another tool list

Profilbild von Akash Parmar
Akash Parmarvor 1 Tag

Great resource just what i needed.

Ähnliche Videos

This Chinese developer launched 6 agents under 1 orchestrator, and they run his UI design agency at $32,000 a month on their own. He built a system of 6 agents on Claude Sonnet 4.6 that single-handedly runs his agency for UI auditing and redesign for SaaS startups and e-commerce. No contractors, no project manager, and no team. Just him, a MacBook, and 1 API key. Traditional design agencies out of Shenzhen keep teams of 8 people on salaries for the same volume, while he keeps only API tokens. 6 agents work through a single orchestrator on Claude Code Router. Usage is about 4 million tokens a day, the average API bill is just $480 a month. All 6 go through MCP servers and write shared state to the file system, without shared state in memory and without race conditions. And here is the system prompt he gave the orchestrator before launch: "you are the orchestrator of a one-man UI agency. you delegate read-only research tasks to 5 sub-agents and own all writes. sub-agents: // Hunter (finds SaaS and e-commerce sites with outdated UI) // Auditor (runs each site through Lighthouse, accessibility, and design system checks) // Pitcher (writes cold outreach and redesign proposals with before/after screenshots) // Splitter (breaks accepted projects into typed milestones) // Designer (generates Figma mockups and Tailwind components) // Checker (runs evals on every artifact before it leaves the harness). you never let 2 sub-agents touch 1 file. you stop and request human approval only when an invoice exceeds $5,000 or when the design system eval score drops below 0.88." Meaning the system knows exactly what it is and within what boundaries it operates. It knows it is supposed to find clients on its own. It knows it is supposed to write proposals with screenshots and mockups without intervention. It knows the human only plugs in when the amounts go above $5,000 or when the design system eval does not converge. → The system runs 24 hours a day → Hunter finds about 200 sites with outdated UI a day → Auditor runs each one through Lighthouse and WCAG → Pitcher prepares about 28 personalized proposals with before/after screenshots → Splitter breaks 3 accepted projects per week into milestones → Designer generates mockups and components, Checker runs evals on every artifact And only when the invoice breaks $5,000 or the eval drops below 0.88 does the orchestrator wake the human. Here is what the system outputs in his log during 1 of the sessions: "hunter report, tuesday: 213 sites found, 31 with last redesign before 2020, 14 with Lighthouse score below 65, 6 with active redesign RFP. passing top 6 to auditor." "pitcher: 27 cold outreach sent with before/after screenshots, 5 replies, 3 discovery calls scheduled. passing to splitter." "designer: milestone 2 of Lotus Tea Co redesign complete. Figma frames exported to /Users/dev/agency/clients/lotus/v2. checker running design system evals." "eval flag: proposal for $6,800 exceeds the approved limit of $5,000. sending for manual review." He has no remote server. No separate backend. Just a local file sandbox in /Users/dev/agency, an MCP router, and an API key to Claude. Out of everything I have seen this year, this is the cleanest one-person UI design agency: $480 in, about $32,000 out, and between them 6 prompts and 1 file system.
1:07

This Chinese developer launched 6 agents under 1 orchestrator, and they run his UI design agency at $32,000 a month on their own. He built a system of 6 agents on Claude Sonnet 4.6 that single-handedly runs his agency for UI auditing and redesign for SaaS startups and e-commerce. No contractors, no project manager, and no team. Just him, a MacBook, and 1 API key. Traditional design agencies out of Shenzhen keep teams of 8 people on salaries for the same volume, while he keeps only API tokens. 6 agents work through a single orchestrator on Claude Code Router. Usage is about 4 million tokens a day, the average API bill is just $480 a month. All 6 go through MCP servers and write shared state to the file system, without shared state in memory and without race conditions. And here is the system prompt he gave the orchestrator before launch: "you are the orchestrator of a one-man UI agency. you delegate read-only research tasks to 5 sub-agents and own all writes. sub-agents: // Hunter (finds SaaS and e-commerce sites with outdated UI) // Auditor (runs each site through Lighthouse, accessibility, and design system checks) // Pitcher (writes cold outreach and redesign proposals with before/after screenshots) // Splitter (breaks accepted projects into typed milestones) // Designer (generates Figma mockups and Tailwind components) // Checker (runs evals on every artifact before it leaves the harness). you never let 2 sub-agents touch 1 file. you stop and request human approval only when an invoice exceeds $5,000 or when the design system eval score drops below 0.88." Meaning the system knows exactly what it is and within what boundaries it operates. It knows it is supposed to find clients on its own. It knows it is supposed to write proposals with screenshots and mockups without intervention. It knows the human only plugs in when the amounts go above $5,000 or when the design system eval does not converge. → The system runs 24 hours a day → Hunter finds about 200 sites with outdated UI a day → Auditor runs each one through Lighthouse and WCAG → Pitcher prepares about 28 personalized proposals with before/after screenshots → Splitter breaks 3 accepted projects per week into milestones → Designer generates mockups and components, Checker runs evals on every artifact And only when the invoice breaks $5,000 or the eval drops below 0.88 does the orchestrator wake the human. Here is what the system outputs in his log during 1 of the sessions: "hunter report, tuesday: 213 sites found, 31 with last redesign before 2020, 14 with Lighthouse score below 65, 6 with active redesign RFP. passing top 6 to auditor." "pitcher: 27 cold outreach sent with before/after screenshots, 5 replies, 3 discovery calls scheduled. passing to splitter." "designer: milestone 2 of Lotus Tea Co redesign complete. Figma frames exported to /Users/dev/agency/clients/lotus/v2. checker running design system evals." "eval flag: proposal for $6,800 exceeds the approved limit of $5,000. sending for manual review." He has no remote server. No separate backend. Just a local file sandbox in /Users/dev/agency, an MCP router, and an API key to Claude. Out of everything I have seen this year, this is the cleanest one-person UI design agency: $480 in, about $32,000 out, and between them 6 prompts and 1 file system.

Blaze

56,062 Aufrufe • vor 4 Monaten

10 GitHub repos with 560k+ ⭐ combined stars that could save vibe coders $15,000+/year in SaaS bills 1. shadcn/ui ⭐121k - copy-paste components, not a package. What every AI-generated frontend is actually built on now. 2. supabase ⭐108k - Firebase alternative that's actually free to start. Auth, DB, storage in one Claude Code prompt. 3.open-design ⭐84.5k - open-source Claude Design alternative. Your coding agent becomes the design engine. 4. awesome-ai-agents ⭐29k - every agent framework and no-code builder in one list, ranked by what people actually ship. 5. awesome-generative-ai-apps ⭐3k - 50+ open-source AI apps you can clone, deploy, and monetize instead of paying $30-50/mo for the SaaS version. 6. medusa ⭐35k - full ecommerce backend, open source. Skip Shopify Plus fees entirely on your next vibe-coded store. 7. appwrite ⭐57k - complete backend-as-a-service, self-hosted. Auth, DB, functions, storage, one prompt away from Firebase money. 8. chatwoot ⭐35k - customer support platform, self-hosted. Replaces Intercom/Zendesk seats running $100+/agent/month. 9. nocodb ⭐64k - turns any database into an Airtable-style interface. 10. activepieces ⭐23k - open-source Zapier alternative built for AI workflows. Automate without the per-task pricing. Save this before you pay for another tool this repo already replaces for free 👇
1:03

10 GitHub repos with 560k+ ⭐ combined stars that could save vibe coders $15,000+/year in SaaS bills 1. shadcn/ui ⭐121k - copy-paste components, not a package. What every AI-generated frontend is actually built on now. 2. supabase ⭐108k - Firebase alternative that's actually free to start. Auth, DB, storage in one Claude Code prompt. 3.open-design ⭐84.5k - open-source Claude Design alternative. Your coding agent becomes the design engine. 4. awesome-ai-agents ⭐29k - every agent framework and no-code builder in one list, ranked by what people actually ship. 5. awesome-generative-ai-apps ⭐3k - 50+ open-source AI apps you can clone, deploy, and monetize instead of paying $30-50/mo for the SaaS version. 6. medusa ⭐35k - full ecommerce backend, open source. Skip Shopify Plus fees entirely on your next vibe-coded store. 7. appwrite ⭐57k - complete backend-as-a-service, self-hosted. Auth, DB, functions, storage, one prompt away from Firebase money. 8. chatwoot ⭐35k - customer support platform, self-hosted. Replaces Intercom/Zendesk seats running $100+/agent/month. 9. nocodb ⭐64k - turns any database into an Airtable-style interface. 10. activepieces ⭐23k - open-source Zapier alternative built for AI workflows. Automate without the per-task pricing. Save this before you pay for another tool this repo already replaces for free 👇

unicode

47,548 Aufrufe • vor 1 Monat

Steal my Gemini 3.0 prompt to generate any website based on your custom requirements. ------------------------ ELITE WEB DESIGNER ------------------------ Adopt the role of a former Silicon Valley design prodigy who burned out creating soulless SaaS dashboards, disappeared to study motion graphics and shader programming in Tokyo's underground creative scene, and emerged with an obsessive understanding of how visual maximalism serves business credibility when executed with surgical precision. You're a conversion strategist who spent years A/B testing landing pages for unicorn startups, a design fundamentalist who refuses to sacrifice usability for aesthetics, and a master meta-prompter who optimizes for clarity over verbosity. You know modern image generation AI needs specific structural formatting—contemporary design frameworks (Tailwind CSS, Shadcn UI, glassmorphism, liquid glass, morphism), backgrounds with depth (animated gradients, shaders, mascots), and step-by-step execution instructions—to produce 2025-quality interfaces instead of outdated designs. Your mission: Transform user vision into fully-coded, visually striking websites that balance aesthetic impact with conversion effectiveness. Extract requirements, architect strategic 5-6 section homepages, generate visual previews showing all sections with interactive elements visible, iterate until perfect, then build complete homepage before making navigation and additional pages functional—all adapted to specific context, not rigid templates. ##PHASE 1: Vision Capture What we're doing: Understanding your aesthetic, business context, and strategic goals efficiently. Provide your vision via: 1. Screenshot of design inspiration 2. Written description (business type, aesthetic, features) 3. Both Share: **Aesthetic**: Style preference? (maximalist, minimalist, brutalist, glassmorphic, liquid glass, morphism, retro, futuristic, geometric, editorial, etc.) **Elements**: Specific visuals wanted? (shaders, 3D effects, colors, animations, mascots, backgrounds) **Avoid**: What to exclude? (purple overload, illegible text, hidden CTAs, outdated UI, flat backgrounds, etc.) **Business**: What you do, target audience, website goal, differentiator? Type "ready" when shared. ##PHASE 2: Strategic Homepage Architecture What we're doing: Translating your vision into 5-6 section homepage structure following conversion principles and modern design fundamentals. I'll architect sections specifically for YOUR business, not templates: **Strategic Framework** (contextualized to your model): Core sections adapt based on business type: - Hero with value prop + primary CTA - Trust/credibility section (social proof, stats, logos) - Value delivery (features, benefits, process, how-it-works) - Conversion focal point (pricing, offers, lead capture, demo) - Engagement closer (FAQ, secondary CTA, community) Sections customize to context—SaaS gets problem-solution-pricing flow, agencies get case studies-process-testimonials, e-commerce gets benefits-proof-offers, portfolios get philosophy-work-results. **Strategic Plan Includes**: - 5-6 contextualized sections with rationale - Content direction based on audience psychology - Visual treatment matching your aesthetic with fundamentals enforced - Modern framework approach (Tailwind/Shadcn/Glassmorphism) - Background depth strategy (animated gradients, shaders, visuals) - Color strategy avoiding generic choices unless brand-appropriate - Typography prioritizing legibility - CTA strategy for conversion optimization **Your options**: - "continue" to proceed to design system and mockup - Request adjustments - Ask questions ##PHASE 3: Design System & Mockup Preparation What we're doing: Establishing visual foundation using contemporary frameworks, then crafting optimized prompt to generate mockup showing ALL 5-6 sections at once with visible interactive elements. I'll define: **Contextualized Style Direction**: Keywords and frameworks fitting YOUR brand specifically **Design Framework Strategy**: Styling approach, component philosophy, layout pattern—all adapted to your aesthetic **Background Depth Treatment**: How background creates depth without distraction, animation philosophy, visual elements supporting content **Visual System**: Color palette with strategic rationale, typography with reasoning, component styling philosophy, spacing strategy, CTA differentiation, modern UI patterns adapted to your aesthetic **Optimized Prompt Structure** (meta-prompted): Two versions: **Human-Readable**: Descriptive overview for review **JSON Optimized**: Structured for image generation using meta-prompt principles: - Required anchors: "Website screenshot", "Professional website design mockup", "Award-winning UI design", "Modern web interface 2025" - Aesthetic philosophy over exhaustive lists - "Execute this step-by-step" instruction - Modern framework references (Tailwind, Shadcn, Glassmorphism) - Background depth details (animated gradients, shaders, visuals) - All 5-6 sections in flowing narrative - Interactive element visibility emphasis (CTAs, buttons, animations) to convey design principles - Strategic constraints (legibility, prominence, hierarchy, depth) - Optimized length balancing detail with conciseness Type "continue" to see prompt. ##PHASE 4: Complete Homepage Mockup Prompt What we're doing: Presenting optimized prompts for full-page mockup showing ALL 5-6 sections with interactive design elements visible. **HUMAN-READABLE VERSION**: Narrative description of your complete homepage: - Opening with quality anchors - Core aesthetic philosophy adapted to your context - Background treatment creating depth - Navigation approach - All 5-6 sections described contextually - Color palette with reasoning - Typography philosophy - Component styling approach - Modern framework references - Interactive element visibility strategy - Critical constraints - Avoidance list based on preferences **JSON VERSION** (optimized for generation): ```json { "prompt": "Website screenshot of [your business]. Professional website design mockup. Award-winning UI design. Modern web interface 2025. Execute this step-by-step. [Aesthetic philosophy] with [framework] approach. Background: [depth treatment with animations/gradients/effects]. Full homepage vertical scroll showing 5-6 sections: Navigation [treatment]. Hero [value prop, CTA, visuals]. [Section 2 with layout philosophy]. [Section 3 with component approach]. [Section 4 with interaction style]. [Section 5 with conversion focus]. [Section 6 if applicable]. Color strategy: [palette with reasoning]. Typography: [philosophy and hierarchy]. Components: [styling approach with visible affordances]. Framework: Tailwind patterns, Shadcn style, [specific effects]. Interactive elements show: prominent CTAs, hover implications, animation hints, button affordances. Critical: legible text, prominent CTAs, background depth, clear hierarchy, contemporary 2025 design, professional quality. Avoid: [specific issues].", "aspect_ratio": "9:16" } ``` Meta-optimized: principles over lists, step-by-step execution, framework context, interactive visibility. **Review both. JSON executes.** **To generate complete homepage mockup, type "generate"** **Important note**: When you type "generate", I'll execute the image generation tool. The image will appear, but the process will seem to pause. This is normal—the tool can only return the image without commentary. Simply type "continue" after you receive the image to proceed with the next phase. **To adjust the prompt before generating, tell me what to change** Won't execute until you command. ##PHASE 5: Complete Homepage Mockup Generation What we're doing: Executing image generation with optimized JSON showing ALL 5-6 sections vertically. ONLY activates when you type "generate", "create mockup", "make image", or similar. Once commanded, I execute using ONLY JSON prompt—no modifications. You receive full-page vertical mockup showing: - All 5-6 sections in scrollable view - Interactive design elements (CTAs, buttons, animations) visible - Background depth and modern framework styling - Complete design system applied **After the image appears, type "continue" to proceed.** The image generation tool only returns the visual—you'll need to type "continue" to move forward with reviewing and next steps. ##PHASE 6: Mockup Review & Refinement Decision What we're doing: Reviewing the generated mockup and deciding next steps. This phase activates after you type "continue" following image generation. **Your options after viewing the mockup**: - "Approved" or "build" - proceed to building complete homepage code - Request specific changes - I'll update the prompt and regenerate - Ask questions or request adjustments **If you request changes**: I'll present updated prompts (readable + JSON) showing modifications, then ask you to type "generate" again for the revised mockup. Each refinement iteration: 1. You describe desired changes 2. I present updated prompts 3. You type "generate" 4. Image appears 5. You type "continue" to proceed 6. We review and decide next steps 7. Repeat until perfect Common refinements: section emphasis, background depth, colors, typography, CTA prominence, interactive visibility, framework styling, aesthetic tuning. Once you're satisfied with the mockup, type "approved" or "build" to proceed to code generation. ##PHASE 7: Complete Homepage Code Generation What we're doing: Building entire 5-6 section homepage as production-ready code matching approved mockup exactly. **Complete Single-File HTML Delivery**: - All 5-6 sections coded and integrated - Fully responsive across devices - Modern CSS implementation (Tailwind-style or modern CSS) - Animated background matching mockup (CSS gradients, WebGL, SVG) - All interactive elements functional (buttons, CTAs, forms, animations) - Navigation implemented per design - Component styling matching aesthetic (glassmorphism, shadows, borders) - Typography system with hierarchy and legibility - Color system from specification - Micro-interactions and hover states - Scroll animations where appropriate - Performance-optimized **Technical Quality**: Semantic HTML, modern CSS (custom properties, grid, flexbox, backdrop-filter, transforms, animations), vanilla JavaScript, accessibility considerations, mobile-first responsive, smooth scrolling, optimized assets, cross-browser compatible. **Code Structure**: Clean commented HTML, inline CSS organized in style block, inline JavaScript, ready to copy/paste and deploy, fully functional standalone. **Strategic Content**: Intelligent placeholders based on your business model, conversion psychology, target audience, professional tone—easily replaceable. **Design Fundamentals Verified**: All sections with hierarchy, prominent functional CTAs, readable text with contrast, clear interactive signals, background depth, adequate whitespace, responsive, contemporary 2025 quality. Automatically presents next phase after delivery. ##PHASE 8: Navigation & Pages Planning What we're doing: Making all navigation functional and planning additional pages. **Navigation Audit**: [List nav items from homepage] **Options for each item**: Create dedicated page, expand section to full page, smooth scroll to section, custom approach. **For clickable elements**: Decide what happens—link to new page, scroll to section, open modal, trigger action, external link. **What to make functional first? Choose**: 1. Complete navigation by building all pages 2. Primary conversion path (CTA → specific page) 3. Specific pages you prioritize 4. Internal links with smooth scrolling 5. Custom approach **Or** "auto-complete" for intelligent decisions based on your model. ##PHASE 9-X: Progressive Development What we're doing: Building each page or making elements functional, maintaining design consistency. **Each Page Delivery**: Complete HTML matching homepage design system, same framework styling, same background treatment, same typography/colors, appropriate sections, full responsiveness, functional interactions, integrated navigation. **Each Functionality Addition**: Smooth scroll, modals, form validation, interactive components, animation triggers, other elements. **After Each Delivery**: Current Progress: [What's complete] **What next? Choose**: [4-6 options for next page/functionality] **Or** "auto-complete" for intelligent completion. Continues until site fully functional. ##PHASE FINAL: Complete Integration & Polish What we're doing: Final integration ensuring everything links, works, and maintains consistency. **Complete Package**: Homepage HTML (all sections), all additional pages, complete styling/functionality per file, working navigation across pages, functional CTAs/buttons, validated forms, consistent design system. **Deliverables**: All HTML files deployment-ready, quick deployment guide, customization documentation, design system reference. **Quality Verified**: Complete homepage, functional navigation, working CTAs, consistent pages, responsive, optimized, modern framework styling, functional interactions, professional 2025 quality. --- **CRITICAL RULES**: **Image Generation**: - Present: Human-Readable + Optimized JSON - JSON meta-principles: distilled concepts, "Execute step-by-step", framework context - JSON opens: "Website screenshot" + "Professional website design mockup. Award-winning UI design. Modern web interface 2025." - JSON shows: ALL 5-6 sections vertically in one mockup - JSON emphasizes: interactive element visibility (CTAs, buttons, animations) - JSON includes: modern frameworks (Tailwind, Shadcn, Glassmorphism), background depth (gradients, shaders, mascots—NEVER flat) - User "generate" → Send ONLY JSON → No modifications - Aspect ratio: 9:16 (vertical to show all sections) - After image appears → User MUST type "continue" to proceed (tool only returns image without commentary) **Homepage Development**: - Generate mockup with ALL 5-6 sections at once - After approval, build COMPLETE homepage code (all sections functional) - Deliver entire homepage as single working file - Then make navigation/additional pages functional - Flow: complete homepage → functional navigation → additional pages **Content Adaptation**: - NO hardcoded templates - Adapt ALL to user's specific business context - Strategic frameworks based on actual audience - Section selection/styling contextualized to goals - Design choices match aesthetic preference - Professional placeholders easily customizable **Standards**: Contemporary frameworks, background depth, interactive element visibility, modern CSS/frameworks, 2025 quality throughout. **Control**: User commands each phase explicitly. "generate" for mockup (then "continue" after image), "approved"/"build" for code, choose-your-adventure for pages, adjust anytime. Begin Phase 1 when ready.
0:35

Steal my Gemini 3.0 prompt to generate any website based on your custom requirements. ------------------------ ELITE WEB DESIGNER ------------------------ Adopt the role of a former Silicon Valley design prodigy who burned out creating soulless SaaS dashboards, disappeared to study motion graphics and shader programming in Tokyo's underground creative scene, and emerged with an obsessive understanding of how visual maximalism serves business credibility when executed with surgical precision. You're a conversion strategist who spent years A/B testing landing pages for unicorn startups, a design fundamentalist who refuses to sacrifice usability for aesthetics, and a master meta-prompter who optimizes for clarity over verbosity. You know modern image generation AI needs specific structural formatting—contemporary design frameworks (Tailwind CSS, Shadcn UI, glassmorphism, liquid glass, morphism), backgrounds with depth (animated gradients, shaders, mascots), and step-by-step execution instructions—to produce 2025-quality interfaces instead of outdated designs. Your mission: Transform user vision into fully-coded, visually striking websites that balance aesthetic impact with conversion effectiveness. Extract requirements, architect strategic 5-6 section homepages, generate visual previews showing all sections with interactive elements visible, iterate until perfect, then build complete homepage before making navigation and additional pages functional—all adapted to specific context, not rigid templates. ##PHASE 1: Vision Capture What we're doing: Understanding your aesthetic, business context, and strategic goals efficiently. Provide your vision via: 1. Screenshot of design inspiration 2. Written description (business type, aesthetic, features) 3. Both Share: **Aesthetic**: Style preference? (maximalist, minimalist, brutalist, glassmorphic, liquid glass, morphism, retro, futuristic, geometric, editorial, etc.) **Elements**: Specific visuals wanted? (shaders, 3D effects, colors, animations, mascots, backgrounds) **Avoid**: What to exclude? (purple overload, illegible text, hidden CTAs, outdated UI, flat backgrounds, etc.) **Business**: What you do, target audience, website goal, differentiator? Type "ready" when shared. ##PHASE 2: Strategic Homepage Architecture What we're doing: Translating your vision into 5-6 section homepage structure following conversion principles and modern design fundamentals. I'll architect sections specifically for YOUR business, not templates: **Strategic Framework** (contextualized to your model): Core sections adapt based on business type: - Hero with value prop + primary CTA - Trust/credibility section (social proof, stats, logos) - Value delivery (features, benefits, process, how-it-works) - Conversion focal point (pricing, offers, lead capture, demo) - Engagement closer (FAQ, secondary CTA, community) Sections customize to context—SaaS gets problem-solution-pricing flow, agencies get case studies-process-testimonials, e-commerce gets benefits-proof-offers, portfolios get philosophy-work-results. **Strategic Plan Includes**: - 5-6 contextualized sections with rationale - Content direction based on audience psychology - Visual treatment matching your aesthetic with fundamentals enforced - Modern framework approach (Tailwind/Shadcn/Glassmorphism) - Background depth strategy (animated gradients, shaders, visuals) - Color strategy avoiding generic choices unless brand-appropriate - Typography prioritizing legibility - CTA strategy for conversion optimization **Your options**: - "continue" to proceed to design system and mockup - Request adjustments - Ask questions ##PHASE 3: Design System & Mockup Preparation What we're doing: Establishing visual foundation using contemporary frameworks, then crafting optimized prompt to generate mockup showing ALL 5-6 sections at once with visible interactive elements. I'll define: **Contextualized Style Direction**: Keywords and frameworks fitting YOUR brand specifically **Design Framework Strategy**: Styling approach, component philosophy, layout pattern—all adapted to your aesthetic **Background Depth Treatment**: How background creates depth without distraction, animation philosophy, visual elements supporting content **Visual System**: Color palette with strategic rationale, typography with reasoning, component styling philosophy, spacing strategy, CTA differentiation, modern UI patterns adapted to your aesthetic **Optimized Prompt Structure** (meta-prompted): Two versions: **Human-Readable**: Descriptive overview for review **JSON Optimized**: Structured for image generation using meta-prompt principles: - Required anchors: "Website screenshot", "Professional website design mockup", "Award-winning UI design", "Modern web interface 2025" - Aesthetic philosophy over exhaustive lists - "Execute this step-by-step" instruction - Modern framework references (Tailwind, Shadcn, Glassmorphism) - Background depth details (animated gradients, shaders, visuals) - All 5-6 sections in flowing narrative - Interactive element visibility emphasis (CTAs, buttons, animations) to convey design principles - Strategic constraints (legibility, prominence, hierarchy, depth) - Optimized length balancing detail with conciseness Type "continue" to see prompt. ##PHASE 4: Complete Homepage Mockup Prompt What we're doing: Presenting optimized prompts for full-page mockup showing ALL 5-6 sections with interactive design elements visible. **HUMAN-READABLE VERSION**: Narrative description of your complete homepage: - Opening with quality anchors - Core aesthetic philosophy adapted to your context - Background treatment creating depth - Navigation approach - All 5-6 sections described contextually - Color palette with reasoning - Typography philosophy - Component styling approach - Modern framework references - Interactive element visibility strategy - Critical constraints - Avoidance list based on preferences **JSON VERSION** (optimized for generation): ```json { "prompt": "Website screenshot of [your business]. Professional website design mockup. Award-winning UI design. Modern web interface 2025. Execute this step-by-step. [Aesthetic philosophy] with [framework] approach. Background: [depth treatment with animations/gradients/effects]. Full homepage vertical scroll showing 5-6 sections: Navigation [treatment]. Hero [value prop, CTA, visuals]. [Section 2 with layout philosophy]. [Section 3 with component approach]. [Section 4 with interaction style]. [Section 5 with conversion focus]. [Section 6 if applicable]. Color strategy: [palette with reasoning]. Typography: [philosophy and hierarchy]. Components: [styling approach with visible affordances]. Framework: Tailwind patterns, Shadcn style, [specific effects]. Interactive elements show: prominent CTAs, hover implications, animation hints, button affordances. Critical: legible text, prominent CTAs, background depth, clear hierarchy, contemporary 2025 design, professional quality. Avoid: [specific issues].", "aspect_ratio": "9:16" } ``` Meta-optimized: principles over lists, step-by-step execution, framework context, interactive visibility. **Review both. JSON executes.** **To generate complete homepage mockup, type "generate"** **Important note**: When you type "generate", I'll execute the image generation tool. The image will appear, but the process will seem to pause. This is normal—the tool can only return the image without commentary. Simply type "continue" after you receive the image to proceed with the next phase. **To adjust the prompt before generating, tell me what to change** Won't execute until you command. ##PHASE 5: Complete Homepage Mockup Generation What we're doing: Executing image generation with optimized JSON showing ALL 5-6 sections vertically. ONLY activates when you type "generate", "create mockup", "make image", or similar. Once commanded, I execute using ONLY JSON prompt—no modifications. You receive full-page vertical mockup showing: - All 5-6 sections in scrollable view - Interactive design elements (CTAs, buttons, animations) visible - Background depth and modern framework styling - Complete design system applied **After the image appears, type "continue" to proceed.** The image generation tool only returns the visual—you'll need to type "continue" to move forward with reviewing and next steps. ##PHASE 6: Mockup Review & Refinement Decision What we're doing: Reviewing the generated mockup and deciding next steps. This phase activates after you type "continue" following image generation. **Your options after viewing the mockup**: - "Approved" or "build" - proceed to building complete homepage code - Request specific changes - I'll update the prompt and regenerate - Ask questions or request adjustments **If you request changes**: I'll present updated prompts (readable + JSON) showing modifications, then ask you to type "generate" again for the revised mockup. Each refinement iteration: 1. You describe desired changes 2. I present updated prompts 3. You type "generate" 4. Image appears 5. You type "continue" to proceed 6. We review and decide next steps 7. Repeat until perfect Common refinements: section emphasis, background depth, colors, typography, CTA prominence, interactive visibility, framework styling, aesthetic tuning. Once you're satisfied with the mockup, type "approved" or "build" to proceed to code generation. ##PHASE 7: Complete Homepage Code Generation What we're doing: Building entire 5-6 section homepage as production-ready code matching approved mockup exactly. **Complete Single-File HTML Delivery**: - All 5-6 sections coded and integrated - Fully responsive across devices - Modern CSS implementation (Tailwind-style or modern CSS) - Animated background matching mockup (CSS gradients, WebGL, SVG) - All interactive elements functional (buttons, CTAs, forms, animations) - Navigation implemented per design - Component styling matching aesthetic (glassmorphism, shadows, borders) - Typography system with hierarchy and legibility - Color system from specification - Micro-interactions and hover states - Scroll animations where appropriate - Performance-optimized **Technical Quality**: Semantic HTML, modern CSS (custom properties, grid, flexbox, backdrop-filter, transforms, animations), vanilla JavaScript, accessibility considerations, mobile-first responsive, smooth scrolling, optimized assets, cross-browser compatible. **Code Structure**: Clean commented HTML, inline CSS organized in style block, inline JavaScript, ready to copy/paste and deploy, fully functional standalone. **Strategic Content**: Intelligent placeholders based on your business model, conversion psychology, target audience, professional tone—easily replaceable. **Design Fundamentals Verified**: All sections with hierarchy, prominent functional CTAs, readable text with contrast, clear interactive signals, background depth, adequate whitespace, responsive, contemporary 2025 quality. Automatically presents next phase after delivery. ##PHASE 8: Navigation & Pages Planning What we're doing: Making all navigation functional and planning additional pages. **Navigation Audit**: [List nav items from homepage] **Options for each item**: Create dedicated page, expand section to full page, smooth scroll to section, custom approach. **For clickable elements**: Decide what happens—link to new page, scroll to section, open modal, trigger action, external link. **What to make functional first? Choose**: 1. Complete navigation by building all pages 2. Primary conversion path (CTA → specific page) 3. Specific pages you prioritize 4. Internal links with smooth scrolling 5. Custom approach **Or** "auto-complete" for intelligent decisions based on your model. ##PHASE 9-X: Progressive Development What we're doing: Building each page or making elements functional, maintaining design consistency. **Each Page Delivery**: Complete HTML matching homepage design system, same framework styling, same background treatment, same typography/colors, appropriate sections, full responsiveness, functional interactions, integrated navigation. **Each Functionality Addition**: Smooth scroll, modals, form validation, interactive components, animation triggers, other elements. **After Each Delivery**: Current Progress: [What's complete] **What next? Choose**: [4-6 options for next page/functionality] **Or** "auto-complete" for intelligent completion. Continues until site fully functional. ##PHASE FINAL: Complete Integration & Polish What we're doing: Final integration ensuring everything links, works, and maintains consistency. **Complete Package**: Homepage HTML (all sections), all additional pages, complete styling/functionality per file, working navigation across pages, functional CTAs/buttons, validated forms, consistent design system. **Deliverables**: All HTML files deployment-ready, quick deployment guide, customization documentation, design system reference. **Quality Verified**: Complete homepage, functional navigation, working CTAs, consistent pages, responsive, optimized, modern framework styling, functional interactions, professional 2025 quality. --- **CRITICAL RULES**: **Image Generation**: - Present: Human-Readable + Optimized JSON - JSON meta-principles: distilled concepts, "Execute step-by-step", framework context - JSON opens: "Website screenshot" + "Professional website design mockup. Award-winning UI design. Modern web interface 2025." - JSON shows: ALL 5-6 sections vertically in one mockup - JSON emphasizes: interactive element visibility (CTAs, buttons, animations) - JSON includes: modern frameworks (Tailwind, Shadcn, Glassmorphism), background depth (gradients, shaders, mascots—NEVER flat) - User "generate" → Send ONLY JSON → No modifications - Aspect ratio: 9:16 (vertical to show all sections) - After image appears → User MUST type "continue" to proceed (tool only returns image without commentary) **Homepage Development**: - Generate mockup with ALL 5-6 sections at once - After approval, build COMPLETE homepage code (all sections functional) - Deliver entire homepage as single working file - Then make navigation/additional pages functional - Flow: complete homepage → functional navigation → additional pages **Content Adaptation**: - NO hardcoded templates - Adapt ALL to user's specific business context - Strategic frameworks based on actual audience - Section selection/styling contextualized to goals - Design choices match aesthetic preference - Professional placeholders easily customizable **Standards**: Contemporary frameworks, background depth, interactive element visibility, modern CSS/frameworks, 2025 quality throughout. **Control**: User commands each phase explicitly. "generate" for mockup (then "continue" after image), "approved"/"build" for code, choose-your-adventure for pages, adjust anytime. Begin Phase 1 when ready.

Alex Prompter

191,428 Aufrufe • vor 10 Monaten

this is unreal f*cking gold for Jev builders 20 repos people are building on Jev right now. browser agents, context tools, trading bots, even a drone 1. JEV-Ultrafast - a fast browser agent ↳ 2. Fast-JEV-Compaction - context compression ↳ 3. JSON-Render - generative UI ↳ 4. Typesafe-MCP - use Jev with any client ↳ 5. JEV-MCP - a judgment toolkit ↳ 6. Semdecide - a classifier that lives in your CLI ↳ 7. JEV-Codex-Router - routes each task to the right model ↳ 8. Winnow - garbage collection for your context ↳ 9. JEV-Review - code review triage ↳ 10. Blink - a repo navigator ↳ 11. Agent-Desktop - desktop automation ↳ 12. Typesafe-Mario - an agent that plays Super Mario ↳ 13. JEV-Drone - drone control ↳ 14. OneVOneJev - a browser FPS ↳ 15. JEV-Trader - HFT market making ↳ 16. Prism - liquidity signal detection ↳ 17. Neo4Jev - knowledge graph traversal ↳ 18. JEV-Curate - training data screening ↳ 19. Canny - checks whether a task was actually completed ↳ 20. KillMyIdea - scores startup ideas before you build them ↳ pick by what you do: > coding -> JEV-Review, Blink, Canny, JEV-Codex-Router > context -> Fast-JEV-Compaction, Winnow > automation -> JEV-Ultrafast, Agent-Desktop > clients and tools -> Typesafe-MCP, JEV-MCP, Semdecide > UI -> JSON-Render > trading -> JEV-Trader, Prism > data -> Neo4Jev, JEV-Curate > founders -> KillMyIdea > just for fun -> Typesafe-Mario, OneVOneJev, JEV-Drone grab the one closest to your job and ship something on top of it this week
0:24

this is unreal f*cking gold for Jev builders 20 repos people are building on Jev right now. browser agents, context tools, trading bots, even a drone 1. JEV-Ultrafast - a fast browser agent ↳ 2. Fast-JEV-Compaction - context compression ↳ 3. JSON-Render - generative UI ↳ 4. Typesafe-MCP - use Jev with any client ↳ 5. JEV-MCP - a judgment toolkit ↳ 6. Semdecide - a classifier that lives in your CLI ↳ 7. JEV-Codex-Router - routes each task to the right model ↳ 8. Winnow - garbage collection for your context ↳ 9. JEV-Review - code review triage ↳ 10. Blink - a repo navigator ↳ 11. Agent-Desktop - desktop automation ↳ 12. Typesafe-Mario - an agent that plays Super Mario ↳ 13. JEV-Drone - drone control ↳ 14. OneVOneJev - a browser FPS ↳ 15. JEV-Trader - HFT market making ↳ 16. Prism - liquidity signal detection ↳ 17. Neo4Jev - knowledge graph traversal ↳ 18. JEV-Curate - training data screening ↳ 19. Canny - checks whether a task was actually completed ↳ 20. KillMyIdea - scores startup ideas before you build them ↳ pick by what you do: > coding -> JEV-Review, Blink, Canny, JEV-Codex-Router > context -> Fast-JEV-Compaction, Winnow > automation -> JEV-Ultrafast, Agent-Desktop > clients and tools -> Typesafe-MCP, JEV-MCP, Semdecide > UI -> JSON-Render > trading -> JEV-Trader, Prism > data -> Neo4Jev, JEV-Curate > founders -> KillMyIdea > just for fun -> Typesafe-Mario, OneVOneJev, JEV-Drone grab the one closest to your job and ship something on top of it this week

Mr. Buzzoni

28,028 Aufrufe • vor 2 Tagen

chatgpt images 2.0 has been live for 24h so let's dig in how to use ChatGPT Images 2.0 to create product photos, brand books, UI mockups, and ad creative that actually looks real: 1. GPT Images 2.0 now does 2K resolution, 3:1 aspect ratios, and spits out 8 images per prompt. text rendering is way better across multiple languages. it also has thinking mode where it searches the web before generating. 2. the biggest lesson with images 2.0: you have to be extremely specific. if you give it a lazy prompt you get stock photos. give it camera type, lighting conditions, color palette, and subject details and it cooks. 3. product photography is where it shines. I created a full brand shoot for a skincare line. golden hour lighting, Mediterranean aesthetic, slight imperfections in the subjects. every image looked like a real photo shoot. 4. use it to create visual directions before you make video ads. I prompted 8 directions for the same Shopify ad story. Wes Anderson, Nike, cinematic, Apple shot on iPhone. the cinematic and Nike styles were the strongest. 5. UI mockups work now. give it your app, a feature description, the resolution, and say you want realistic data in every cell. it gave me four clean variations of a leaderboard screen. 6. apparel and merch: generate photorealistic product shots before you print anything. test if people would buy it before you spend money on production. 7. illustrations got a massive upgrade. editorial style, flat vector, limited color palettes. use these to make proposals, one-pagers, and decks look professional. 8. every business has four creative bottlenecks: marketing content, internal docs and decks, explaining things visually, and testing before building. Images 2.0 helps with all four. 9. five things you need in every prompt: context (what is this for), style references (name specific brands or aesthetics), palette (use hex codes), real copy (no lorem ipsum), and aspect ratios so it drops into production without rework. 10. use ChatGPT itself to help you write better prompts. you might not know camera types or lighting terms. ask it to help you build the prompt before you generate. also in this episode: I share a startup idea someone should steal: a learn to draw app with AI feedback on every sketch. $5/month. I put it into Claude Design and got three incredible wireframe directions. I share a framework for finding vertical AI agent businesses. find a boring pain point, map the workflow, do the job as a service first, document edge cases, then add agents to replace the steps. and I share an AI tool called No Scroll that blew me away in 5 minutes. it monitors the internet for you and texts you only what matters. the onboarding felt like talking to a real person. episode is live on The Startup Ideas Podcast (SIP) 🧃 (walkthrough, tips, prompts) im rooting for you, so share this with your friends and enjoy watch
32:15

chatgpt images 2.0 has been live for 24h so let's dig in how to use ChatGPT Images 2.0 to create product photos, brand books, UI mockups, and ad creative that actually looks real: 1. GPT Images 2.0 now does 2K resolution, 3:1 aspect ratios, and spits out 8 images per prompt. text rendering is way better across multiple languages. it also has thinking mode where it searches the web before generating. 2. the biggest lesson with images 2.0: you have to be extremely specific. if you give it a lazy prompt you get stock photos. give it camera type, lighting conditions, color palette, and subject details and it cooks. 3. product photography is where it shines. I created a full brand shoot for a skincare line. golden hour lighting, Mediterranean aesthetic, slight imperfections in the subjects. every image looked like a real photo shoot. 4. use it to create visual directions before you make video ads. I prompted 8 directions for the same Shopify ad story. Wes Anderson, Nike, cinematic, Apple shot on iPhone. the cinematic and Nike styles were the strongest. 5. UI mockups work now. give it your app, a feature description, the resolution, and say you want realistic data in every cell. it gave me four clean variations of a leaderboard screen. 6. apparel and merch: generate photorealistic product shots before you print anything. test if people would buy it before you spend money on production. 7. illustrations got a massive upgrade. editorial style, flat vector, limited color palettes. use these to make proposals, one-pagers, and decks look professional. 8. every business has four creative bottlenecks: marketing content, internal docs and decks, explaining things visually, and testing before building. Images 2.0 helps with all four. 9. five things you need in every prompt: context (what is this for), style references (name specific brands or aesthetics), palette (use hex codes), real copy (no lorem ipsum), and aspect ratios so it drops into production without rework. 10. use ChatGPT itself to help you write better prompts. you might not know camera types or lighting terms. ask it to help you build the prompt before you generate. also in this episode: I share a startup idea someone should steal: a learn to draw app with AI feedback on every sketch. $5/month. I put it into Claude Design and got three incredible wireframe directions. I share a framework for finding vertical AI agent businesses. find a boring pain point, map the workflow, do the job as a service first, document edge cases, then add agents to replace the steps. and I share an AI tool called No Scroll that blew me away in 5 minutes. it monitors the internet for you and texts you only what matters. the onboarding felt like talking to a real person. episode is live on The Startup Ideas Podcast (SIP) 🧃 (walkthrough, tips, prompts) im rooting for you, so share this with your friends and enjoy watch

GREG ISENBERG

71,665 Aufrufe • vor 5 Monaten

I've used OpenClaw every single day for 50+ days. Through ClawdBot. Through MoltBot. Through the rebrand and OpenAI partnership. I made the setup video in the official docs. I built Clawdiverse. I contributed a skill to ClawHub. Nobody else can tell you what happens after the first month. Here's everything I learned: 20 real use cases, what actually breaks, and every prompt to set them up yourself: 0:00 Nobody has been here for 50 days yet 1:02 What is OpenClaw? 1:49 What 50 days actually looks like 4:53 #1 Morning briefing 5:54 #2 AI art for my e-ink display 7:30 #3 Auto-updates & backups 8:42 #4 Background checks that caught my Netflix payment fail 10:44 #5 Research with parallel sub-agents 12:09 #6 YouTube analytics in plain English 14:51 #7 /summarize any URL 15:28 #8 "Go fix everything" — server migration 16:57 #9 Coding from my phone 17:35 #10 Email triage (draft-only mode) 18:01 #11 Calendar via WhatsApp for my wife 18:35 #12 Voice note transcription 19:25 #13 Coffee shops, weather, reminders 20:59 #14 My agent helped my friend set up for 3 hours in Polish 23:10 #15 Why I migrated to Discord (biggest upgrade) 26:02 #16 Bookmarks replaced Raindrop 27:24 #17 Semantic search across 3,000 Obsidian notes 29:21 #18 WordPress rickroll honeypot 31:02 #19 Excalidraw diagrams via MCP 31:53 #20 Home automation 33:46 Starter pack: 3 workflows for day one 34:29 The honest part — what breaks 42:03 My 50-day scorecard
47:57

I've used OpenClaw every single day for 50+ days. Through ClawdBot. Through MoltBot. Through the rebrand and OpenAI partnership. I made the setup video in the official docs. I built Clawdiverse. I contributed a skill to ClawHub. Nobody else can tell you what happens after the first month. Here's everything I learned: 20 real use cases, what actually breaks, and every prompt to set them up yourself: 0:00 Nobody has been here for 50 days yet 1:02 What is OpenClaw? 1:49 What 50 days actually looks like 4:53 #1 Morning briefing 5:54 #2 AI art for my e-ink display 7:30 #3 Auto-updates & backups 8:42 #4 Background checks that caught my Netflix payment fail 10:44 #5 Research with parallel sub-agents 12:09 #6 YouTube analytics in plain English 14:51 #7 /summarize any URL 15:28 #8 "Go fix everything" — server migration 16:57 #9 Coding from my phone 17:35 #10 Email triage (draft-only mode) 18:01 #11 Calendar via WhatsApp for my wife 18:35 #12 Voice note transcription 19:25 #13 Coffee shops, weather, reminders 20:59 #14 My agent helped my friend set up for 3 hours in Polish 23:10 #15 Why I migrated to Discord (biggest upgrade) 26:02 #16 Bookmarks replaced Raindrop 27:24 #17 Semantic search across 3,000 Obsidian notes 29:21 #18 WordPress rickroll honeypot 31:02 #19 Excalidraw diagrams via MCP 31:53 #20 Home automation 33:46 Starter pack: 3 workflows for day one 34:29 The honest part — what breaks 42:03 My 50-day scorecard

Radek Sienkiewicz

62,258 Aufrufe • vor 7 Monaten

Hermes + Claude + Higgsfield MCP + ViralBuilder = 💰💰💰 Four tools. One prompt chain. Hook to finished video in 10 minutes. I built a Claude skill that writes shot-by-shot Higgsfield prompts from a single creative brief. ViralBuilder tells you what's winning. The skill turns it into a production-ready prompt. Higgsfield renders it. No creative director. No guessing. No separate tools. Here is the setup: Higgsfield MCP → Open Claude Code → Settings → Connectors → Enter: → Connect your account Hermes → The agent layer running underneath Claude Code → It holds your skills, crons, memory, and routing rules → When you prompt Claude, Hermes feeds it the context it needs ViralBuilder (like Gethookd) → The winning ecom video database → Scrapes top performing ecom videos across platforms → Claude reads the data and extracts what styles, hooks, and formats are actually scaling The skill: video-prompt-builder → Installed inside Claude via Hermes → Takes a creative brief and outputs a full shot-by-shot prompt → Covers camera work, effects, transitions, pacing, and energy arc → Every output is structured for Higgsfield to render without ambiguity No switching apps. No export steps. Everything runs from one place. ▸ FIND WINNING CREATIVE ANGLES ViralBuilder tells you what the market already validated. Claude reads it and extracts the pattern. Prompts to run: "Search ViralBuilder for the top performing ecom videos in [niche] over the last 21 days. Extract the 3 dominant hook styles and rank by view velocity." "Pull the winning video formats in [niche] from ViralBuilder. Which opening 3 seconds appears most across videos spending over $10k?" "Find what video style is scaling right now in [niche] for the US market. UGC, talking head, or product demo. Filter for videos with over 1M views." "Pull the last 30 days of viral ecom hooks in [niche] from ViralBuilder. Cluster by emotional trigger. Which cluster has the most longevity?" You are not guessing at angles. You are reading what the market already spent money validating. ▸ BUILD THE PROMPT WITH THE SKILL This is where the video-prompt-builder skill takes over. You give Claude the winning angle. The skill outputs a complete shot-by-shot prompt with effects, transitions, pacing, and energy arc ready to fire into Higgsfield. Prompts to run: "Use the video-prompt-builder skill. Brief: 15-second UGC ad for [product] in [niche]. Hook style: [style from ViralBuilder]. Tone: direct to camera, US English. Output the full shot-by-shot effects timeline, effects inventory, density map, and energy arc." "Use the video-prompt-builder skill. The dominant hook in [niche] this week is [hook]. Build a 10-second product video prompt that opens with a speed ramp into a close-up product reveal. Include a signature visual effect and a low-density CTA landing." "Use the video-prompt-builder skill. Brief: replicate the pacing and energy of a [style description] video for [product]. Target duration: 20 seconds. Output all four sections. Then generate the video with Higgsfield using the shot-by-shot prompt." The skill outputs four sections every time: → Shot-by-shot effects timeline with camera, movement, and transitions per shot → Master effects inventory showing every technique used and where → Effects density map showing high, medium, and low intensity across the timeline → Energy arc describing how the video opens, builds, and lands That output goes directly into Higgsfield. No rewriting. No translating. ▸ GENERATE THE CREATIVE Claude writes the brief via the skill. Higgsfield MCP builds the video. Both happen in the same session. Prompts to run: "Use the video-prompt-builder skill to write a 15-second UGC prompt for [product]. Hook in the first 3 seconds, speed ramp into product reveal, slow-motion CTA landing. Then generate with Higgsfield in 9:16 format." "Build 3 prompt variations on this winning angle: [angle]. Each variation opens with a different effect — speed ramp, digital zoom, whip pan. Use the video-prompt-builder skill for each. Then generate all three with Higgsfield." "Use the video-prompt-builder skill. Brief: problem-solution ad for [product], 20 seconds, US market. Problem shot at high density, product reveal at medium, result and CTA at low. Generate with Higgsfield in 9:16." No separate tool. No file transfer. The video comes back in the same thread. ▸ CHAIN THE WHOLE STACK One prompt. All four tools firing together. "You are my ad creative director. Hermes has loaded my brand context. Pull the top performing video style in [niche] from ViralBuilder this week. Use the video-prompt-builder skill to write a full shot-by-shot prompt for [product] that replicates that style — 20 seconds, 9:16, US market, hook in the first 3 seconds. Output the effects timeline, inventory, density map, and energy arc. Then generate the video with Higgsfield." That single prompt replaces a half-day of production. The math before this stack: Brief: 30 minutes Script: 1 hour Creative production: 2 to 3 hours Agency or freelancer cost: $500 to $2,000 per creative With this stack: Hook to finished creative: 10 minutes Cost per creative: tool subscription, a fraction of agency rate 5 product tests in the time it used to take to brief one Bad product tests are where US ad budget disappears. $600 to $1,500 per failed test, before you even know if the angle works. This stack shows you what the market already validated before you spend a dollar on production. Hermes = your context layer. Brand, goals, past performance. Claude is always informed. ViralBuilder = your winning video database. See exactly what styles, hooks, and formats are scaling before you produce anything. video-prompt-builder skill = the translation layer. Turns a creative brief into a structured, production-ready Higgsfield prompt every time. Claude = the brain. Reads the market, writes the brief, chains the tools. Higgsfield MCP = the output. Video generated directly from the prompt. No export step. Four tools. One session. 10 minutes. Comment + RT "STACK" and I'll DM you the full workflow + the video-prompt-builder skill file.
0:26

Hermes + Claude + Higgsfield MCP + ViralBuilder = 💰💰💰 Four tools. One prompt chain. Hook to finished video in 10 minutes. I built a Claude skill that writes shot-by-shot Higgsfield prompts from a single creative brief. ViralBuilder tells you what's winning. The skill turns it into a production-ready prompt. Higgsfield renders it. No creative director. No guessing. No separate tools. Here is the setup: Higgsfield MCP → Open Claude Code → Settings → Connectors → Enter: → Connect your account Hermes → The agent layer running underneath Claude Code → It holds your skills, crons, memory, and routing rules → When you prompt Claude, Hermes feeds it the context it needs ViralBuilder (like Gethookd) → The winning ecom video database → Scrapes top performing ecom videos across platforms → Claude reads the data and extracts what styles, hooks, and formats are actually scaling The skill: video-prompt-builder → Installed inside Claude via Hermes → Takes a creative brief and outputs a full shot-by-shot prompt → Covers camera work, effects, transitions, pacing, and energy arc → Every output is structured for Higgsfield to render without ambiguity No switching apps. No export steps. Everything runs from one place. ▸ FIND WINNING CREATIVE ANGLES ViralBuilder tells you what the market already validated. Claude reads it and extracts the pattern. Prompts to run: "Search ViralBuilder for the top performing ecom videos in [niche] over the last 21 days. Extract the 3 dominant hook styles and rank by view velocity." "Pull the winning video formats in [niche] from ViralBuilder. Which opening 3 seconds appears most across videos spending over $10k?" "Find what video style is scaling right now in [niche] for the US market. UGC, talking head, or product demo. Filter for videos with over 1M views." "Pull the last 30 days of viral ecom hooks in [niche] from ViralBuilder. Cluster by emotional trigger. Which cluster has the most longevity?" You are not guessing at angles. You are reading what the market already spent money validating. ▸ BUILD THE PROMPT WITH THE SKILL This is where the video-prompt-builder skill takes over. You give Claude the winning angle. The skill outputs a complete shot-by-shot prompt with effects, transitions, pacing, and energy arc ready to fire into Higgsfield. Prompts to run: "Use the video-prompt-builder skill. Brief: 15-second UGC ad for [product] in [niche]. Hook style: [style from ViralBuilder]. Tone: direct to camera, US English. Output the full shot-by-shot effects timeline, effects inventory, density map, and energy arc." "Use the video-prompt-builder skill. The dominant hook in [niche] this week is [hook]. Build a 10-second product video prompt that opens with a speed ramp into a close-up product reveal. Include a signature visual effect and a low-density CTA landing." "Use the video-prompt-builder skill. Brief: replicate the pacing and energy of a [style description] video for [product]. Target duration: 20 seconds. Output all four sections. Then generate the video with Higgsfield using the shot-by-shot prompt." The skill outputs four sections every time: → Shot-by-shot effects timeline with camera, movement, and transitions per shot → Master effects inventory showing every technique used and where → Effects density map showing high, medium, and low intensity across the timeline → Energy arc describing how the video opens, builds, and lands That output goes directly into Higgsfield. No rewriting. No translating. ▸ GENERATE THE CREATIVE Claude writes the brief via the skill. Higgsfield MCP builds the video. Both happen in the same session. Prompts to run: "Use the video-prompt-builder skill to write a 15-second UGC prompt for [product]. Hook in the first 3 seconds, speed ramp into product reveal, slow-motion CTA landing. Then generate with Higgsfield in 9:16 format." "Build 3 prompt variations on this winning angle: [angle]. Each variation opens with a different effect — speed ramp, digital zoom, whip pan. Use the video-prompt-builder skill for each. Then generate all three with Higgsfield." "Use the video-prompt-builder skill. Brief: problem-solution ad for [product], 20 seconds, US market. Problem shot at high density, product reveal at medium, result and CTA at low. Generate with Higgsfield in 9:16." No separate tool. No file transfer. The video comes back in the same thread. ▸ CHAIN THE WHOLE STACK One prompt. All four tools firing together. "You are my ad creative director. Hermes has loaded my brand context. Pull the top performing video style in [niche] from ViralBuilder this week. Use the video-prompt-builder skill to write a full shot-by-shot prompt for [product] that replicates that style — 20 seconds, 9:16, US market, hook in the first 3 seconds. Output the effects timeline, inventory, density map, and energy arc. Then generate the video with Higgsfield." That single prompt replaces a half-day of production. The math before this stack: Brief: 30 minutes Script: 1 hour Creative production: 2 to 3 hours Agency or freelancer cost: $500 to $2,000 per creative With this stack: Hook to finished creative: 10 minutes Cost per creative: tool subscription, a fraction of agency rate 5 product tests in the time it used to take to brief one Bad product tests are where US ad budget disappears. $600 to $1,500 per failed test, before you even know if the angle works. This stack shows you what the market already validated before you spend a dollar on production. Hermes = your context layer. Brand, goals, past performance. Claude is always informed. ViralBuilder = your winning video database. See exactly what styles, hooks, and formats are scaling before you produce anything. video-prompt-builder skill = the translation layer. Turns a creative brief into a structured, production-ready Higgsfield prompt every time. Claude = the brain. Reads the market, writes the brief, chains the tools. Higgsfield MCP = the output. Video generated directly from the prompt. No export step. Four tools. One session. 10 minutes. Comment + RT "STACK" and I'll DM you the full workflow + the video-prompt-builder skill file.

Kid Pak

58,796 Aufrufe • vor 4 Monaten

Tata Curvv EV: Pros & Cons, Quality Insights & Competition Analysis! Timestamps 0:00 - Real-time sound output 0:22 - Brake test 0:41 - Build, safety, and feel 1:04 - Curvv EV Empowered: Basic info 2:00 - Dual-tone color looks 2:23 - Fog lamps still present 2:30 - Ugly welding spots 2:48 - Paint quality 3:00 - Panel gaps 3:28 - No rear wiper 3:37 - Rearview glass and rear camera on the go 4:20 - ADAS while driving 5:10 - Glossy wheel cladding 5:28 - Insulation material and rubber beading 5:38 - Raised stance 6:07 - Aero twin wipers 6:18 - Flush door handles 6:54 - Frunk 7:06 - Fast AC wall charger with the car 7:17 - V2V and V2L 7:40 - Electric tailgate and boot space 8:17 - Alloys with aero inserts and full inner wheel arch cladding 8:54 - Front seat space and comfort 9:50 - Rear seat comfort and space 12:08 - Powered front driver seat 12:30 - AVAS 12:46 - Bottle holder style 12:57 - Similarities with Nexon 13:31 - No door pockets at the rear 13:41 - Auto hold 14:01 - Clean mechanism of the panoramic sunroof 14:16 - Digital cockpit and infotainment screen brightness 14:46 - Slippery floor mats 15:12 - Thick plastic panel gap in the glovebox 15:22 - Dashboard plastic design 15:49 - Had to stretch for ORVM buttons 16:00 - All power windows should have one-touch up/down 16:09 - Center console with piano finish 16:56 - No telescopic steering adjustment 17:07 - Screw covers not neat and no flaps/mirror for the sun visor 17:33 - Two 45W chargers available in the cabin 17:52 - Storage box and old-fashioned charging pad 18:16 - AC touch panel and knobs 19:17 - Range I got during the drive 20:13 - Can the Curvv EV sell in big numbers? 21:36 - COUPE styling: A gamble by TATA 23:06 - Why is there more buzz for Curvv EV compared to Nexon EV? 24:17 - IRA EV app 25:27 - Competition against ZS EV and Creta/Seltos in ICE
26:58

Tata Curvv EV: Pros & Cons, Quality Insights & Competition Analysis! Timestamps 0:00 - Real-time sound output 0:22 - Brake test 0:41 - Build, safety, and feel 1:04 - Curvv EV Empowered: Basic info 2:00 - Dual-tone color looks 2:23 - Fog lamps still present 2:30 - Ugly welding spots 2:48 - Paint quality 3:00 - Panel gaps 3:28 - No rear wiper 3:37 - Rearview glass and rear camera on the go 4:20 - ADAS while driving 5:10 - Glossy wheel cladding 5:28 - Insulation material and rubber beading 5:38 - Raised stance 6:07 - Aero twin wipers 6:18 - Flush door handles 6:54 - Frunk 7:06 - Fast AC wall charger with the car 7:17 - V2V and V2L 7:40 - Electric tailgate and boot space 8:17 - Alloys with aero inserts and full inner wheel arch cladding 8:54 - Front seat space and comfort 9:50 - Rear seat comfort and space 12:08 - Powered front driver seat 12:30 - AVAS 12:46 - Bottle holder style 12:57 - Similarities with Nexon 13:31 - No door pockets at the rear 13:41 - Auto hold 14:01 - Clean mechanism of the panoramic sunroof 14:16 - Digital cockpit and infotainment screen brightness 14:46 - Slippery floor mats 15:12 - Thick plastic panel gap in the glovebox 15:22 - Dashboard plastic design 15:49 - Had to stretch for ORVM buttons 16:00 - All power windows should have one-touch up/down 16:09 - Center console with piano finish 16:56 - No telescopic steering adjustment 17:07 - Screw covers not neat and no flaps/mirror for the sun visor 17:33 - Two 45W chargers available in the cabin 17:52 - Storage box and old-fashioned charging pad 18:16 - AC touch panel and knobs 19:17 - Range I got during the drive 20:13 - Can the Curvv EV sell in big numbers? 21:36 - COUPE styling: A gamble by TATA 23:06 - Why is there more buzz for Curvv EV compared to Nexon EV? 24:17 - IRA EV app 25:27 - Competition against ZS EV and Creta/Seltos in ICE

Sunderdeep - Volklub

28,298 Aufrufe • vor 2 Jahren

I asked Dan Martell to walk me through every level of making money with AI. He gave me the most simple, practical advice I've ever heard on this subject. Level 1 - Making $0 - $100k Level 2 - Making $1m - $10m Level 3 - Building a $10m++ enterprise. 0:00 Only 5% of the World Has Ever Paid for AI 0:46 The Easiest Thing to Sell With AI Right Now 1:56 The Marcus and Sophie Framework 4:24 Theory of Constraints (Right Problem to Solve) 5:33 What Is the Number One Business Constraint 7:13 How to Leave Your Job and Go All In 8:27 Business Is Simple Find a Problem and Solve It 9:08 Stop Getting Ready to Get Ready 9:33 The Sarah Story One Text and $10K 9:53 Pull Up Your Phone and Message Your Contacts 11:05 Dan's Son Gets His First Client at $800/Month 12:41 Best Employee vs. Best Employer 13:59 What Other Services Can You Sell With AI 14:44 Sales Is Not Talking It's Asking 17:01 What to Do When You Hate Your Business 18:40 Pain and Pleasure Are the Only Two Motivators 19:13 They Haven't Made It a Must Yet 20:29 Make It a Must Not a Nice to Have 21:06 The Jen Story and the Gasping Moment 22:17 How to Find Your First 10 to 15 Clients 28:38 The Personal Brand Play 33:06 Vision Is What AI Cannot Do 34:55 Hard for Computers Easy for Humans 36:13 Level 2 Making Your First Million With AI 37:18 The Replacement Ladder Framework 37:39 Admin First Then Delivery Then Marketing 39:09 Why Marketing Is the Biggest AI Category 39:32 Why You Should Keep Sales for Yourself 40:00 Level 5 Leadership and AI Agents 41:41 What a Fully AI Systems Business Looks Like 43:13 The Gym Owner With Three Locations 46:16 Shutting Down the Company for Two Days 46:37 Teaching the Whole Team to Code in Claude 49:28 Wayne the 62 Year Old Who Made $12K a Month 52:38 I Only Share What Actually Works 53:21 Whisper Flow and Talking to Your AI 56:41 Claude Chat Claude Coworker and Claude Code 57:57 The Claude Browser Extension 58:49 Claude Code Is Not Just for Developers 1:00:06 How to Migrate Your AI Memory Across Tools 1:01:08 Level 3 $1M to $10M and the Brand Play 1:02:05 Nobody Buys AI They Buy Trust 1:03:25 Brand Is Association and Association Is Trust 1:05:12 A Million Followers Is $10M in Activated Revenue 1:07:03 How to Keep AI From Becoming Slop 1:07:42 Human in the Loop 1:08:16 The 10 80 10 Rule and Why AI Is Now the 80 1:10:01 The Team FIRED Themselves 1:11:45 Dan's Free AI Curriculum for Your Team
1:13:20

I asked Dan Martell to walk me through every level of making money with AI. He gave me the most simple, practical advice I've ever heard on this subject. Level 1 - Making $0 - $100k Level 2 - Making $1m - $10m Level 3 - Building a $10m++ enterprise. 0:00 Only 5% of the World Has Ever Paid for AI 0:46 The Easiest Thing to Sell With AI Right Now 1:56 The Marcus and Sophie Framework 4:24 Theory of Constraints (Right Problem to Solve) 5:33 What Is the Number One Business Constraint 7:13 How to Leave Your Job and Go All In 8:27 Business Is Simple Find a Problem and Solve It 9:08 Stop Getting Ready to Get Ready 9:33 The Sarah Story One Text and $10K 9:53 Pull Up Your Phone and Message Your Contacts 11:05 Dan's Son Gets His First Client at $800/Month 12:41 Best Employee vs. Best Employer 13:59 What Other Services Can You Sell With AI 14:44 Sales Is Not Talking It's Asking 17:01 What to Do When You Hate Your Business 18:40 Pain and Pleasure Are the Only Two Motivators 19:13 They Haven't Made It a Must Yet 20:29 Make It a Must Not a Nice to Have 21:06 The Jen Story and the Gasping Moment 22:17 How to Find Your First 10 to 15 Clients 28:38 The Personal Brand Play 33:06 Vision Is What AI Cannot Do 34:55 Hard for Computers Easy for Humans 36:13 Level 2 Making Your First Million With AI 37:18 The Replacement Ladder Framework 37:39 Admin First Then Delivery Then Marketing 39:09 Why Marketing Is the Biggest AI Category 39:32 Why You Should Keep Sales for Yourself 40:00 Level 5 Leadership and AI Agents 41:41 What a Fully AI Systems Business Looks Like 43:13 The Gym Owner With Three Locations 46:16 Shutting Down the Company for Two Days 46:37 Teaching the Whole Team to Code in Claude 49:28 Wayne the 62 Year Old Who Made $12K a Month 52:38 I Only Share What Actually Works 53:21 Whisper Flow and Talking to Your AI 56:41 Claude Chat Claude Coworker and Claude Code 57:57 The Claude Browser Extension 58:49 Claude Code Is Not Just for Developers 1:00:06 How to Migrate Your AI Memory Across Tools 1:01:08 Level 3 $1M to $10M and the Brand Play 1:02:05 Nobody Buys AI They Buy Trust 1:03:25 Brand Is Association and Association Is Trust 1:05:12 A Million Followers Is $10M in Activated Revenue 1:07:03 How to Keep AI From Becoming Slop 1:07:42 Human in the Loop 1:08:16 The 10 80 10 Rule and Why AI Is Now the 80 1:10:01 The Team FIRED Themselves 1:11:45 Dan's Free AI Curriculum for Your Team

Grant

168,385 Aufrufe • vor 3 Monaten

I met the guy behind Paperclip. he won't show his face, but he just built one of the FASTEST growing open-source projects in AI. how to use Paperclip to hire AI agents to ACTUALLY run a startup with 0 employees: 1. with paperclip, you hire a team of AI agents like CEO, engineer, QA, video editor, content strategist and manage them from one dashboard. it works with Claude Code, Codex, OpenCode, or any model on OpenRouter. you're not locked into one provider. 2. your AI agents wake up capable but with zero memory. they don't know who they are, where they are, or what they're supposed to be doing. kinda like that movie memento from back in the day you need to leave them Polaroids like heartbeat checklists, persona prompts, written context. that's how you keep them on track. 3. when an agent makes a mistake, you don't rewrite everything. you add one rule to their persona prompt. "always define a success condition for every task." "always pass work to QA before closing." you're training them like you'd train a junior hire. one correction at a time. 4. skills extend what your agents can do. want a video editor who can produce animated content? install the Remotion skill. want security reviews? there's a skill for that. 5. the biggest lever for quality is encoding your own taste. AI can do everything except know your values. design sensibility, brand voice, success criteria but you have to write it down. 6. don't one-shot your startup. agentic design patterns matter. the simplest one: after the engineer builds something, QA reviews it. structure prevents compounding errors. one-shotting an entire app is fun for 30 minutes, then it falls apart. 7. Paperclip tracks every token spent and every task completed. you can use your existing subscriptions (Claude, Codex) so spend shows as $0, or hook into API credits for real dollar tracking. 8. importable companies are coming. Gary Tan's G-Stack, a full game studio, 300+ agent repos... you can "acqui-hire" a proven agent team into your Paperclip instance instead of building from scratch. the future is downloading a tested org that actually works. 9. routines let you automate recurring work. "every day at 10am, read what was merged into the main branch and write a Discord update celebrating community contributors." it runs, you review, you improve. every task is traceable. 10. maximizer mode is next. you tell the CEO "build this game" and it does whatever it takes and hires who it needs, keeps pressing until it's done. no token anxiety. just outcomes. use Idea Browser for startup ideas/trends to get started thank you for dotta 📎 for doing this podcast and breaking down exactly how people can hire ai agent teams with paperclip you won't find an episode like this anywhere else episode is live on The Startup Ideas Podcast (SIP) 🧃 on your fav platforms (follow for more) is this not the greatest time in history to be building? im rooting for you now go watch my frien
46:41

I met the guy behind Paperclip. he won't show his face, but he just built one of the FASTEST growing open-source projects in AI. how to use Paperclip to hire AI agents to ACTUALLY run a startup with 0 employees: 1. with paperclip, you hire a team of AI agents like CEO, engineer, QA, video editor, content strategist and manage them from one dashboard. it works with Claude Code, Codex, OpenCode, or any model on OpenRouter. you're not locked into one provider. 2. your AI agents wake up capable but with zero memory. they don't know who they are, where they are, or what they're supposed to be doing. kinda like that movie memento from back in the day you need to leave them Polaroids like heartbeat checklists, persona prompts, written context. that's how you keep them on track. 3. when an agent makes a mistake, you don't rewrite everything. you add one rule to their persona prompt. "always define a success condition for every task." "always pass work to QA before closing." you're training them like you'd train a junior hire. one correction at a time. 4. skills extend what your agents can do. want a video editor who can produce animated content? install the Remotion skill. want security reviews? there's a skill for that. 5. the biggest lever for quality is encoding your own taste. AI can do everything except know your values. design sensibility, brand voice, success criteria but you have to write it down. 6. don't one-shot your startup. agentic design patterns matter. the simplest one: after the engineer builds something, QA reviews it. structure prevents compounding errors. one-shotting an entire app is fun for 30 minutes, then it falls apart. 7. Paperclip tracks every token spent and every task completed. you can use your existing subscriptions (Claude, Codex) so spend shows as $0, or hook into API credits for real dollar tracking. 8. importable companies are coming. Gary Tan's G-Stack, a full game studio, 300+ agent repos... you can "acqui-hire" a proven agent team into your Paperclip instance instead of building from scratch. the future is downloading a tested org that actually works. 9. routines let you automate recurring work. "every day at 10am, read what was merged into the main branch and write a Discord update celebrating community contributors." it runs, you review, you improve. every task is traceable. 10. maximizer mode is next. you tell the CEO "build this game" and it does whatever it takes and hires who it needs, keeps pressing until it's done. no token anxiety. just outcomes. use Idea Browser for startup ideas/trends to get started thank you for dotta 📎 for doing this podcast and breaking down exactly how people can hire ai agent teams with paperclip you won't find an episode like this anywhere else episode is live on The Startup Ideas Podcast (SIP) 🧃 on your fav platforms (follow for more) is this not the greatest time in history to be building? im rooting for you now go watch my frien

GREG ISENBERG

463,893 Aufrufe • vor 6 Monaten

30 uncomfortable things you should do alone (to build extreme confidence): 1. go to a restaurant and eat alone without using your phone. 2. go to a movie theater by yourself. 3. sit at a coffee shop alone for an hour and just observe people. 4. travel to a new city by yourself. 5. attend an event or class where you know nobody. 6. spend an entire day alone without texting or calling anyone. 7. write down your biggest fears and face one of them. 8. turn your phone off for a full day. 9. sit in silence for 30 minutes with no distractions. 10. journal honestly about your mistakes and what you learned 11. wake up at 5 am for 30 days straight. 12. go to the gym alone consistently. 13. take yourself on a solo workout challenge (run, gym, long walk). 14. cook all your meals for a full day. 15. read a full book in a quiet environment. 16. write a personal mission statement for your life. 17. list the habits that are holding you back. 18. spend a full day in nature by yourself. 19. take a long drive with no destination. 20. ask yourself hard questions about your future. 21. start a conversation with a stranger. 22. go somewhere nice where you feel slightly out of place. 23. try a new hobby alone. 24. go to a networking event by yourself. 25. take a class or workshop where you're the beginner. 26. write down the life you truly want without limiting yourself. 27. reflect on your childhood and how it shaped you. 28. make a 5-year life plan by yourself. 29. spend a day without any entertainment (no tv, social media, music). 30. sit alone and ask yourself: "am i proud of the person i'm becoming?" real talk: if you can learn to be comfortable alone, you stop needing validation from people who don't matter. that's where real confidence starts.
0:57

30 uncomfortable things you should do alone (to build extreme confidence): 1. go to a restaurant and eat alone without using your phone. 2. go to a movie theater by yourself. 3. sit at a coffee shop alone for an hour and just observe people. 4. travel to a new city by yourself. 5. attend an event or class where you know nobody. 6. spend an entire day alone without texting or calling anyone. 7. write down your biggest fears and face one of them. 8. turn your phone off for a full day. 9. sit in silence for 30 minutes with no distractions. 10. journal honestly about your mistakes and what you learned 11. wake up at 5 am for 30 days straight. 12. go to the gym alone consistently. 13. take yourself on a solo workout challenge (run, gym, long walk). 14. cook all your meals for a full day. 15. read a full book in a quiet environment. 16. write a personal mission statement for your life. 17. list the habits that are holding you back. 18. spend a full day in nature by yourself. 19. take a long drive with no destination. 20. ask yourself hard questions about your future. 21. start a conversation with a stranger. 22. go somewhere nice where you feel slightly out of place. 23. try a new hobby alone. 24. go to a networking event by yourself. 25. take a class or workshop where you're the beginner. 26. write down the life you truly want without limiting yourself. 27. reflect on your childhood and how it shaped you. 28. make a 5-year life plan by yourself. 29. spend a day without any entertainment (no tv, social media, music). 30. sit alone and ask yourself: "am i proud of the person i'm becoming?" real talk: if you can learn to be comfortable alone, you stop needing validation from people who don't matter. that's where real confidence starts.

alexei

44,491 Aufrufe • vor 2 Monaten

How to Build a Proper Product Page It breaks my heart every time I see someone from Brazil, making just $200 a month, spend $40 on a test ad only to get a $2 CPC. Then, they cut the ad at $35 spend with 17 clicks and 0 conversions. What’s even more frustrating is when I visit their site and see it’s a complete mess. It’s like they didn’t even try. That’s why I’m making this post. *Disclaimer: If you're building a brand, this isn’t for you. This is for testing products correctly with a website that’s good enough to convert, but if you’re serious about your brand, hire a Figma designer and a developer to get things done right. As a fun fact, I tested the following product myself (In the video below) and with just one click at a $3 CPC, I got a sale with an $80 AOV (100% CVR). I paused the ads because the CPMs hit $150. If you're interested, save this product for the future. I'll share the creatives i used to ran the product with those who comment below. "jordan, stop teaching high school kids about selling reps and getting them sued by Prada or other big brands, ruining their payment gateways, and crushing their dreams." (with 5 random people only will do it, wouldn't make sense for everyone to be ripping it). Shoutout to Adrian for this one. 🫡 Back to the important stuff: Let’s talk about creating a great product page. First off, ditch the “Buy Now” button. By using this, you miss out on the chance to increase your Average Order Value (AOV) through upsells during checkout. Instead, replace it with an “Add to Cart” button. Also, remove the quantity selector. Hardly anyone uses them on the product page, but they do in the cart. Instead, offer bundles, which you can set up using the Kaching Bundles app or your theme if it supports this feature. The cart experience is crucial, and you can optimize it using the UpCart app. Enable all its product page features so it takes over the standard Shopify cart or your theme’s cart. The built-in cart systems are outdated—they don’t allow upsells like UpCart does. Plus, UpCart directly opens the cart after a product is added, where the upsell option appears at the bottom, increasing your chances of boosting AOV. Pay attention to color schemes. Don’t use neutral colors for headers and buttons if your product features a primary color. A yellow jacket with a black header is like pizza with raspberry syrup—just doesn’t work. If your product images are gray, white, or black, match those with your headers and buttons. Otherwise, play around with colors to give your page some dynamic appeal. Bookmark this site to get color palettes that match your primary color. For exact color matches, download the "ColorZilla" extension, which gives you the exact color code of whatever is under your mouse on the screen. If your product color is #6E402A, you’ll know it and can match it perfectly with your header and buttons, creating a visually appealing contrast like Cider did here below. Right now, when some of you send me these websites, they look like government pages from the early 2000s. Next, consider the typography and button styles. For fonts, use Helvetica Regular for body text and Helvetica Bold for titles, both at a minimum size of 100%. It’s simple and effective. As for buttons, they should have a corner radius of 8px. To change these settings, go to the theme settings - typography/buttons and adjust the buttons and typography accordingly. Rounded buttons create a modern, inviting feel, while full square buttons can give off an outdated vibe. Even casinos in Vegas design their buildings with curves, ensuring that visitors always have a view angle that draws them back in—it’s all about keeping things appealing and engaging. Finally, the product page layout itself should be clean and concise. Use collapsible rows for your product descriptions. No one wants to read a novel, so keep it compact and focused. Images and videos are what sell—this is why we don’t use text-heavy images in our ads; they just bore people. Keep the description short, with enough information to inform but not overwhelm. If you need to include more features, put them in the FAQs section—that’s what they’re for. The goal is to make sure that the "Add to Cart" button is visible as soon as possible once the customer lands on the product page, without overwhelming them but providing just enough information—some key benefits, high-quality images, and buying options in the bundles. Once they hit the cart, the upsells will do their job. Remember, the three essential apps for setting this up are Loox Reviews for customer feedback (use the product widget reviews at the bottom of the page before the FAQs and the rating widget just above the title), Kaching Bundles for offering package deals, and UpCart for optimizing the cart experience. Just for the record, this is to help newcomers and guide them to something taht works, me personally i don't use free themes, but this one i created could convert easily if the product, offer and ads match well. Good luck and keep testing! 🗳🥂💸🤑
0:23

How to Build a Proper Product Page It breaks my heart every time I see someone from Brazil, making just $200 a month, spend $40 on a test ad only to get a $2 CPC. Then, they cut the ad at $35 spend with 17 clicks and 0 conversions. What’s even more frustrating is when I visit their site and see it’s a complete mess. It’s like they didn’t even try. That’s why I’m making this post. *Disclaimer: If you're building a brand, this isn’t for you. This is for testing products correctly with a website that’s good enough to convert, but if you’re serious about your brand, hire a Figma designer and a developer to get things done right. As a fun fact, I tested the following product myself (In the video below) and with just one click at a $3 CPC, I got a sale with an $80 AOV (100% CVR). I paused the ads because the CPMs hit $150. If you're interested, save this product for the future. I'll share the creatives i used to ran the product with those who comment below. "jordan, stop teaching high school kids about selling reps and getting them sued by Prada or other big brands, ruining their payment gateways, and crushing their dreams." (with 5 random people only will do it, wouldn't make sense for everyone to be ripping it). Shoutout to Adrian for this one. 🫡 Back to the important stuff: Let’s talk about creating a great product page. First off, ditch the “Buy Now” button. By using this, you miss out on the chance to increase your Average Order Value (AOV) through upsells during checkout. Instead, replace it with an “Add to Cart” button. Also, remove the quantity selector. Hardly anyone uses them on the product page, but they do in the cart. Instead, offer bundles, which you can set up using the Kaching Bundles app or your theme if it supports this feature. The cart experience is crucial, and you can optimize it using the UpCart app. Enable all its product page features so it takes over the standard Shopify cart or your theme’s cart. The built-in cart systems are outdated—they don’t allow upsells like UpCart does. Plus, UpCart directly opens the cart after a product is added, where the upsell option appears at the bottom, increasing your chances of boosting AOV. Pay attention to color schemes. Don’t use neutral colors for headers and buttons if your product features a primary color. A yellow jacket with a black header is like pizza with raspberry syrup—just doesn’t work. If your product images are gray, white, or black, match those with your headers and buttons. Otherwise, play around with colors to give your page some dynamic appeal. Bookmark this site to get color palettes that match your primary color. For exact color matches, download the "ColorZilla" extension, which gives you the exact color code of whatever is under your mouse on the screen. If your product color is #6E402A, you’ll know it and can match it perfectly with your header and buttons, creating a visually appealing contrast like Cider did here below. Right now, when some of you send me these websites, they look like government pages from the early 2000s. Next, consider the typography and button styles. For fonts, use Helvetica Regular for body text and Helvetica Bold for titles, both at a minimum size of 100%. It’s simple and effective. As for buttons, they should have a corner radius of 8px. To change these settings, go to the theme settings - typography/buttons and adjust the buttons and typography accordingly. Rounded buttons create a modern, inviting feel, while full square buttons can give off an outdated vibe. Even casinos in Vegas design their buildings with curves, ensuring that visitors always have a view angle that draws them back in—it’s all about keeping things appealing and engaging. Finally, the product page layout itself should be clean and concise. Use collapsible rows for your product descriptions. No one wants to read a novel, so keep it compact and focused. Images and videos are what sell—this is why we don’t use text-heavy images in our ads; they just bore people. Keep the description short, with enough information to inform but not overwhelm. If you need to include more features, put them in the FAQs section—that’s what they’re for. The goal is to make sure that the "Add to Cart" button is visible as soon as possible once the customer lands on the product page, without overwhelming them but providing just enough information—some key benefits, high-quality images, and buying options in the bundles. Once they hit the cart, the upsells will do their job. Remember, the three essential apps for setting this up are Loox Reviews for customer feedback (use the product widget reviews at the bottom of the page before the FAQs and the rating widget just above the title), Kaching Bundles for offering package deals, and UpCart for optimizing the cart experience. Just for the record, this is to help newcomers and guide them to something taht works, me personally i don't use free themes, but this one i created could convert easily if the product, offer and ads match well. Good luck and keep testing! 🗳🥂💸🤑

Zzzz

42,318 Aufrufe • vor 2 Jahren

The Asymmetric Operator ==================== The operators building agents right now are mostly stuck solving the wrong problem. I ran a live briefing on this the other week for a small room of operators already building with agents. Full video attached. Short version below. Almost every agent platform is within a rounding error of the others on raw capability. The agents can do the work. Most operators have figured out the real bottleneck is coordination, so they're switching orchestration tools every other month chasing a fix. Twelve-month read: coordination is closing at the platform layer. The platforms you're using have been quietly collecting your fix-it decisions all year, and that data is the training signal for agents that self-correct. If your edge is managing agent failures, you have nine months before the default tools absorb it. The layer that compounds past that is underneath the agents. A small set of files your whole system reads from, structured as a single source of truth instead of fifteen agents each guessing from a fresh prompt. Inside that layer, the piece almost nobody is building is thought patterns, your reasoning about the work logged as you make decisions. Ten minutes a day per cohort, voice-to-text is fine. At the end of the week pull out the five or six patterns that kept showing up and drop them into the cohort's master context file. Repeat for a month and the agents' outputs start reading like a sharper version of your own judgment rather than a generic model's best guess. Six months in, the operators I advise have agents making sharper calls than any competitor's agents, because those agents have been trained on half a year of their captured reasoning. No competitor can buy that. Living through the same six months is the only way to produce it. If you want more like this every week, see the next post or profile. **Chapters:** 00:00 Why this isn't about prompts or agents 04:25 The agent landscape right now 07:45 Why agent capability is commoditized 08:30 The e-commerce friend running 80% of his business on one agent platform 10:30 What the one-person billion-dollar company actually proves 14:25 The coordination problem and why it gets solved this year 19:00 How agent platforms are quietly learning from your fixes 22:30 Scattered vs. coordinated vs. redesigned businesses 24:45 What cognitive architecture really means 28:00 Thinking in cognitive labor instead of org charts 31:10 The file layer: claude.md, agents.md, skills, memory, context, heartbeat 38:30 What makes an architecture cognitive: thought patterns 40:10 The 10-minute daily decision journal that feeds your agents 42:30 Why your thought patterns don't need to be perfect 44:40 Where to start if you don't have agents yet 46:20 Thought patterns per agent team, not per whole business 48:20 Case study: SaaS consultancy with 7 agents and 3x capacity 51:15 Decomposing work into 7 units of cognitive labor 53:30 Month-by-month build timeline 56:00 The data set no competitor can copy 1:01:20 The maturity ladder: reactive, automated, attentive, autonomous 1:03:35 What's coming over the next 12 months 1:06:40 Your job when agents handle execution 1:08:00 Why now is the cheapest this will ever be Want more? See next post
1:09:18

The Asymmetric Operator ==================== The operators building agents right now are mostly stuck solving the wrong problem. I ran a live briefing on this the other week for a small room of operators already building with agents. Full video attached. Short version below. Almost every agent platform is within a rounding error of the others on raw capability. The agents can do the work. Most operators have figured out the real bottleneck is coordination, so they're switching orchestration tools every other month chasing a fix. Twelve-month read: coordination is closing at the platform layer. The platforms you're using have been quietly collecting your fix-it decisions all year, and that data is the training signal for agents that self-correct. If your edge is managing agent failures, you have nine months before the default tools absorb it. The layer that compounds past that is underneath the agents. A small set of files your whole system reads from, structured as a single source of truth instead of fifteen agents each guessing from a fresh prompt. Inside that layer, the piece almost nobody is building is thought patterns, your reasoning about the work logged as you make decisions. Ten minutes a day per cohort, voice-to-text is fine. At the end of the week pull out the five or six patterns that kept showing up and drop them into the cohort's master context file. Repeat for a month and the agents' outputs start reading like a sharper version of your own judgment rather than a generic model's best guess. Six months in, the operators I advise have agents making sharper calls than any competitor's agents, because those agents have been trained on half a year of their captured reasoning. No competitor can buy that. Living through the same six months is the only way to produce it. If you want more like this every week, see the next post or profile. **Chapters:** 00:00 Why this isn't about prompts or agents 04:25 The agent landscape right now 07:45 Why agent capability is commoditized 08:30 The e-commerce friend running 80% of his business on one agent platform 10:30 What the one-person billion-dollar company actually proves 14:25 The coordination problem and why it gets solved this year 19:00 How agent platforms are quietly learning from your fixes 22:30 Scattered vs. coordinated vs. redesigned businesses 24:45 What cognitive architecture really means 28:00 Thinking in cognitive labor instead of org charts 31:10 The file layer: claude.md, agents.md, skills, memory, context, heartbeat 38:30 What makes an architecture cognitive: thought patterns 40:10 The 10-minute daily decision journal that feeds your agents 42:30 Why your thought patterns don't need to be perfect 44:40 Where to start if you don't have agents yet 46:20 Thought patterns per agent team, not per whole business 48:20 Case study: SaaS consultancy with 7 agents and 3x capacity 51:15 Decomposing work into 7 units of cognitive labor 53:30 Month-by-month build timeline 56:00 The data set no competitor can copy 1:01:20 The maturity ladder: reactive, automated, attentive, autonomous 1:03:35 What's coming over the next 12 months 1:06:40 Your job when agents handle execution 1:08:00 Why now is the cheapest this will ever be Want more? See next post

Sam Woods

164,164 Aufrufe • vor 5 Monaten

OPUS 5.5 IS THE ONLY MOTION DESIGNER YOU NEED this launch video cost $0 and is pure code everyone else on X claims the same shit, then sends you to their website or mcp this is completely free with 0 external tools steal the prompt and try it in your claude ↓ Ask me for: a one-word brand name for the wordmark (a verb works best), 9 to 12 high-res photos, a royalty-free song around 120 BPM with a drop and a quiet breakdown (Mixkit, free for commercial use), and a free stock clip of a plain wall with moving plant shadows (Pexels). An Apple-keynote launch film, 2D only, one continuous take. Every scene is made out of the previous one: nothing fades, blurs or cuts. Objects change shape instead: text rises out of a mask line, icons pop from zero on a spring, bars draw across, pages push, and a black shape floods the whole frame and contracts into the next scene. Warm off-white canvas, black UI, iOS 26 liquid glass over the photos. Archivo (wdth 125, weight 800) for the wordmark, Geist for UI. A cursor drives every change with real clicks, drags and long-presses. The camera zooms screen-studio style so each moment fills the square, and the cursor scales with it. Banned: crossfades, blur-ins, brightness "developing", 3D flips, particles, glows, holds longer than 1s, anything that looks like a template. 120 BPM, 54 beats, something happens on every beat. Open: the wordmark squeezes into its own period like an accordion, the dot grows into a black pill, a label rises inside it. Click: six iris blades close over the label and snap open onto a photo. The circle becomes a square, shrinks, the grid unfolds from behind it like a paper map (center, plus, corners), reflows into a bento, and a click zooms into one tile, landing exactly on the drop. Glass: a glass word pops in letter by letter, melts into a droplet that stretches into a glass toolbar. The adjust icon turns it into a slider. Dragging relights the photo from day to golden hour (two aligned shots), and the knob turns into a glass lens while held. It lifts into a glass orb, the next photo opens inside it as a circle, and the orb expands into a lock screen: glass clock digits, date, and a home bar that stretches into a glass music player. Stage: the lock screen pulls back into a phone (the bezel grows out of the screen edge). The Dynamic Island stretches like liquid, pinches off, flies over and grows into a Mac window that rolls up like a blind. Long-press the wallpaper, drag it onto a Safari tab, the page pushes in, drop it and it becomes the hero of a landing page. Scroll: the hero morphs into a framed print on a product card, with the mat and molding growing out of the photo's edge. Pick a frame color (it paints across) and a size, then the nav button flies down into "Order print". Order: one black shape keeps morphing: Ordered ✓ → Printing % → On its way (a van on a route) → Delivered ✓. Wall: the delivered circle floods the frame edge to edge, holds black for a beat, and contracts into the framed print hanging on the real wall footage. The same iris opens onto the print, closes again, the frame floods the screen and contracts into the pill → the dot → the letters spring back out, landing on the beat return. Last frame = first frame. 1. One HTML file, square 1440x1440. Every style is computed from time inside an async seek(t): no CSS transitions, no timers, no state between frames. 2. Springs are closed-form step responses. A value with many targets is the sum of one spring per change, so it stays a pure function of time. 3. Liquid glass: each glass element holds its own clone of the scene behind it, filtered with an SVG feImage displacement map (a rounded-rect distance field) through three feDisplacementMaps at slightly different scales for chromatic edges, plus a rim light. Glass letters: a canvas distance field per glyph gives the map, mask and highlights. 4. Goo: blur + alpha threshold, then composite the source atop it so the glass stays sharp inside. 5. Iris: 6 blades around a hexagonal aperture. Each blade is its two vertices, both edge extensions and the SHORT arc between them. 6. Wordmark squeeze: every letter moves toward the dot by the same factor and its drawn width follows (narrow the wdth axis, scale the rest), so the letters stay touching. 7. Footage: re-encode all-intra (ffmpeg -g 1), load it as a blob URL, await 'seeked' before drawing each frame. 8. Sound: a downloaded SFX for every event (Mixkit), never synthesized, each placed by its measured peak. The song starts on a downbeat: the zoom lands on the drop, the wall sits in the breakdown, the wordmark returns with the beat. Loudnorm to -14 LUFS. 9. Render with Playwright: 4 subframes per frame blended with ffmpeg tmix, 60fps. Check one frame per beat, then scan for single-frame pops (frame-difference spikes 3x their neighbours). backdrop-filter: url() misreads displacement maps in Chromium, so clone the scene instead. A flood must overscale past the corners and take about 0.3s, or half the screen changes in one frame. A child with visibility: visible shows through a hidden parent, so use inherit. Text that swaps inside a morphing shape needs its own mask. python http.server can't range-seek video, so use the blob URL. Ask me for the inputs, then show me the beat map and 4 stills (open, glass, stage, wall) before you write the full film.
0:29

OPUS 5.5 IS THE ONLY MOTION DESIGNER YOU NEED this launch video cost $0 and is pure code everyone else on X claims the same shit, then sends you to their website or mcp this is completely free with 0 external tools steal the prompt and try it in your claude ↓ Ask me for: a one-word brand name for the wordmark (a verb works best), 9 to 12 high-res photos, a royalty-free song around 120 BPM with a drop and a quiet breakdown (Mixkit, free for commercial use), and a free stock clip of a plain wall with moving plant shadows (Pexels). An Apple-keynote launch film, 2D only, one continuous take. Every scene is made out of the previous one: nothing fades, blurs or cuts. Objects change shape instead: text rises out of a mask line, icons pop from zero on a spring, bars draw across, pages push, and a black shape floods the whole frame and contracts into the next scene. Warm off-white canvas, black UI, iOS 26 liquid glass over the photos. Archivo (wdth 125, weight 800) for the wordmark, Geist for UI. A cursor drives every change with real clicks, drags and long-presses. The camera zooms screen-studio style so each moment fills the square, and the cursor scales with it. Banned: crossfades, blur-ins, brightness "developing", 3D flips, particles, glows, holds longer than 1s, anything that looks like a template. 120 BPM, 54 beats, something happens on every beat. Open: the wordmark squeezes into its own period like an accordion, the dot grows into a black pill, a label rises inside it. Click: six iris blades close over the label and snap open onto a photo. The circle becomes a square, shrinks, the grid unfolds from behind it like a paper map (center, plus, corners), reflows into a bento, and a click zooms into one tile, landing exactly on the drop. Glass: a glass word pops in letter by letter, melts into a droplet that stretches into a glass toolbar. The adjust icon turns it into a slider. Dragging relights the photo from day to golden hour (two aligned shots), and the knob turns into a glass lens while held. It lifts into a glass orb, the next photo opens inside it as a circle, and the orb expands into a lock screen: glass clock digits, date, and a home bar that stretches into a glass music player. Stage: the lock screen pulls back into a phone (the bezel grows out of the screen edge). The Dynamic Island stretches like liquid, pinches off, flies over and grows into a Mac window that rolls up like a blind. Long-press the wallpaper, drag it onto a Safari tab, the page pushes in, drop it and it becomes the hero of a landing page. Scroll: the hero morphs into a framed print on a product card, with the mat and molding growing out of the photo's edge. Pick a frame color (it paints across) and a size, then the nav button flies down into "Order print". Order: one black shape keeps morphing: Ordered ✓ → Printing % → On its way (a van on a route) → Delivered ✓. Wall: the delivered circle floods the frame edge to edge, holds black for a beat, and contracts into the framed print hanging on the real wall footage. The same iris opens onto the print, closes again, the frame floods the screen and contracts into the pill → the dot → the letters spring back out, landing on the beat return. Last frame = first frame. 1. One HTML file, square 1440x1440. Every style is computed from time inside an async seek(t): no CSS transitions, no timers, no state between frames. 2. Springs are closed-form step responses. A value with many targets is the sum of one spring per change, so it stays a pure function of time. 3. Liquid glass: each glass element holds its own clone of the scene behind it, filtered with an SVG feImage displacement map (a rounded-rect distance field) through three feDisplacementMaps at slightly different scales for chromatic edges, plus a rim light. Glass letters: a canvas distance field per glyph gives the map, mask and highlights. 4. Goo: blur + alpha threshold, then composite the source atop it so the glass stays sharp inside. 5. Iris: 6 blades around a hexagonal aperture. Each blade is its two vertices, both edge extensions and the SHORT arc between them. 6. Wordmark squeeze: every letter moves toward the dot by the same factor and its drawn width follows (narrow the wdth axis, scale the rest), so the letters stay touching. 7. Footage: re-encode all-intra (ffmpeg -g 1), load it as a blob URL, await 'seeked' before drawing each frame. 8. Sound: a downloaded SFX for every event (Mixkit), never synthesized, each placed by its measured peak. The song starts on a downbeat: the zoom lands on the drop, the wall sits in the breakdown, the wordmark returns with the beat. Loudnorm to -14 LUFS. 9. Render with Playwright: 4 subframes per frame blended with ffmpeg tmix, 60fps. Check one frame per beat, then scan for single-frame pops (frame-difference spikes 3x their neighbours). backdrop-filter: url() misreads displacement maps in Chromium, so clone the scene instead. A flood must overscale past the corners and take about 0.3s, or half the screen changes in one frame. A child with visibility: visible shows through a hidden parent, so use inherit. Text that swaps inside a morphing shape needs its own mask. python http.server can't range-seek video, so use the blob URL. Ask me for the inputs, then show me the beat map and 4 stills (open, glass, stage, wall) before you write the full film.

zero

107,509 Aufrufe • vor 1 Tag

What does it mean for software engineering when we no longer write the code? Here's the take from Boris Cherny (Boris Cherny), the creator of Claude Code. Timestamps: 00:00 Intro 11:15 Lessons from Meta 19:46 Joining Anthropic 23:08 The origins of Claude Code 32:55 Boris's Claude Code workflow 36:27 Parallel agents 40:25 Code reviews 47:18 Claude Code's architecture 52:38 Permissions and sandboxing 55:05 Engineering culture at Anthropic 1:05:15 Claude Cowork 1:12:48 Observability and privacy 1:14:45 Agent swarms 1:21:16 LLMs and the printing press analogy 1:30:16 Standout engineer archetypes 1:32:12 What skills still matter for engineers 1:35:24 Book recommendations Brought to you by: • Statsig — ⁠ The unified platform for flags, analytics, experiments, and more. • Sonar – The makers of SonarQube, the industry standard for automated code review. Proactively find and fix issues in real-time with the SonarQube MCP Server: • WorkOS – Everything you need to make your app enterprise ready. Three interesting things from this conversation: 1. Boris automated himself out of code review well before AI. Boris was one of the most prolific code reviewers at Meta company. And he worked hard to minimize time spent on code review. His system::every time he left the same kind of review comment, he logged it in a spreadsheet. Once a pattern hit 3-4 occurrences, he’d write a lint rule to automate it away! 2. PRDs are dead on the Claude Code team: prototypes replaced them. Instead of writing Product Requirement Documents (specs), they build hundreds of working prototypes before shipping a feature. Boris: “There’s just no way we could have shipped this if we started with static mocks and Figma or if we started with a PRD.” 3. This is the year of the generalist (and maybe the year of those with ADHD) Boris’s work has shifted from deep-focus single-threaded coding to managing multiple parallel agents and context-switching rapidly. As Boris put it: “It’s not so much about deep work, it’s about how good I am at context switching and jumping across multiple different contexts very quickly.”
1:37:58

What does it mean for software engineering when we no longer write the code? Here's the take from Boris Cherny (Boris Cherny), the creator of Claude Code. Timestamps: 00:00 Intro 11:15 Lessons from Meta 19:46 Joining Anthropic 23:08 The origins of Claude Code 32:55 Boris's Claude Code workflow 36:27 Parallel agents 40:25 Code reviews 47:18 Claude Code's architecture 52:38 Permissions and sandboxing 55:05 Engineering culture at Anthropic 1:05:15 Claude Cowork 1:12:48 Observability and privacy 1:14:45 Agent swarms 1:21:16 LLMs and the printing press analogy 1:30:16 Standout engineer archetypes 1:32:12 What skills still matter for engineers 1:35:24 Book recommendations Brought to you by: • Statsig — ⁠ The unified platform for flags, analytics, experiments, and more. • Sonar – The makers of SonarQube, the industry standard for automated code review. Proactively find and fix issues in real-time with the SonarQube MCP Server: • WorkOS – Everything you need to make your app enterprise ready. Three interesting things from this conversation: 1. Boris automated himself out of code review well before AI. Boris was one of the most prolific code reviewers at Meta company. And he worked hard to minimize time spent on code review. His system::every time he left the same kind of review comment, he logged it in a spreadsheet. Once a pattern hit 3-4 occurrences, he’d write a lint rule to automate it away! 2. PRDs are dead on the Claude Code team: prototypes replaced them. Instead of writing Product Requirement Documents (specs), they build hundreds of working prototypes before shipping a feature. Boris: “There’s just no way we could have shipped this if we started with static mocks and Figma or if we started with a PRD.” 3. This is the year of the generalist (and maybe the year of those with ADHD) Boris’s work has shifted from deep-focus single-threaded coding to managing multiple parallel agents and context-switching rapidly. As Boris put it: “It’s not so much about deep work, it’s about how good I am at context switching and jumping across multiple different contexts very quickly.”

Gergely Orosz

491,079 Aufrufe • vor 6 Monaten

HERMES AGENT CAN RUN YOUR SEO. CONNECT IT TO GOOGLE SEARCH CONSOLE AND GOOGLE ANALYTICS. IT MONITORS, REPORTS, AND WRITES CONTENT BASED ON YOUR ACTUAL DATA. stop paying an SEO agency. stop doing the tedious work yourself. Hermes handles it 24/7. WHAT THE SEO AGENT DOES: → pulls clicks, impressions, CTR, and position data from Google Search Console automatically → tracks traffic, user behavior, and conversions from Google Analytics → checks which pages are indexed and which are not → submits sitemaps for indexing → inspects URLs for crawl or indexing issues → identifies ranking drops and keyword opportunities → writes content based on what your data says works → generates weekly SEO performance reports → delivers everything to Telegram CONNECT GOOGLE SEARCH CONSOLE: two paths: 1. COMPOSIO (managed, easiest): paste this into Hermes chat: https:// composio. dev/hermes or add to config.yaml: mcp_servers: composio: url: "https:// connect.composio. dev /mcp" headers: x-consumer-api-key: "YOUR_COMPOSIO_API_KEY" Hermes prompts you to authenticate. one OAuth flow. done. 2. CLAWLINK (one-click): 9 Google Search Console tools exposed via MCP. hosted auth. nothing to run or maintain. paste the install prompt into Hermes chat. CONNECT GOOGLE ANALYTICS: same Composio setup. one MCP endpoint handles both Search Console and Analytics. authenticate once. both data sources available. your agent can now query: → search analytics (clicks, impressions, CTR, position) → traffic by source and landing page → user behavior and conversions → indexing status for any URL → sitemap status WHAT TO AUTOMATE WITH CRON: weekly SEO report (Monday 8am): "pull search analytics for last 7 days. compare vs previous week. flag any keyword that dropped more than 5 positions. flag any page that lost more than 20% clicks. deliver report to Telegram." daily indexing check (6am): "check if any new pages are not indexed. if found, submit sitemap and report to Telegram." wakeAgent gate: skip if all pages indexed. content opportunity scan (weekly): "find queries where my site appears on page 2 (positions 11-20) with high impressions. these are the keywords one good article could push to page 1. deliver list to Telegram with suggested topics." CONTENT WRITING FROM YOUR DATA: the difference between generic SEO content and content that ranks: your agent has your Search Console data. "write a blog post targeting [keyword]. my current position is 14 with 2,400 monthly impressions. check what pages currently rank 1-3 for this keyword. write something better. include the gaps they miss." the agent researches competitors via Firecrawl, checks your existing content in the wiki, and drafts based on real data. not guesswork. WHAT THIS REPLACES: → SEO agency: $1,000-5,000/month → SEO tool subscriptions: $100-300/month → manual reporting: 3-5 hours/week → manual content research: 2-4 hours/week Hermes SEO agent: one profile with two MCPs. cron jobs handle the monitoring. you handle the decisions. SETUP IN 10 MINUTES: 1. create a profile: hermes profile create seo-agent 2. write SOUL.md: "you are an SEO specialist. monitor search performance daily. flag ranking drops and opportunities. write content based on Search Console data. weekly report every Monday." 3. connect Google Search Console + Analytics via Composio or ClawLink 4. set cron jobs (weekly report, daily index check, content opportunity scan) 5. set model: DeepSeek V4 for routine monitoring. Sonnet for content writing. 6. connect to Telegram for delivery. the agent runs. you review reports. rankings improve because you stopped guessing and started using your own data. comment HERMES and I'll send you the full setup guide for running Hermes Agent as your SEO specialist. full Hermes architecture deep-dive in the article 👇
0:44

HERMES AGENT CAN RUN YOUR SEO. CONNECT IT TO GOOGLE SEARCH CONSOLE AND GOOGLE ANALYTICS. IT MONITORS, REPORTS, AND WRITES CONTENT BASED ON YOUR ACTUAL DATA. stop paying an SEO agency. stop doing the tedious work yourself. Hermes handles it 24/7. WHAT THE SEO AGENT DOES: → pulls clicks, impressions, CTR, and position data from Google Search Console automatically → tracks traffic, user behavior, and conversions from Google Analytics → checks which pages are indexed and which are not → submits sitemaps for indexing → inspects URLs for crawl or indexing issues → identifies ranking drops and keyword opportunities → writes content based on what your data says works → generates weekly SEO performance reports → delivers everything to Telegram CONNECT GOOGLE SEARCH CONSOLE: two paths: 1. COMPOSIO (managed, easiest): paste this into Hermes chat: https:// composio. dev/hermes or add to config.yaml: mcp_servers: composio: url: "https:// connect.composio. dev /mcp" headers: x-consumer-api-key: "YOUR_COMPOSIO_API_KEY" Hermes prompts you to authenticate. one OAuth flow. done. 2. CLAWLINK (one-click): 9 Google Search Console tools exposed via MCP. hosted auth. nothing to run or maintain. paste the install prompt into Hermes chat. CONNECT GOOGLE ANALYTICS: same Composio setup. one MCP endpoint handles both Search Console and Analytics. authenticate once. both data sources available. your agent can now query: → search analytics (clicks, impressions, CTR, position) → traffic by source and landing page → user behavior and conversions → indexing status for any URL → sitemap status WHAT TO AUTOMATE WITH CRON: weekly SEO report (Monday 8am): "pull search analytics for last 7 days. compare vs previous week. flag any keyword that dropped more than 5 positions. flag any page that lost more than 20% clicks. deliver report to Telegram." daily indexing check (6am): "check if any new pages are not indexed. if found, submit sitemap and report to Telegram." wakeAgent gate: skip if all pages indexed. content opportunity scan (weekly): "find queries where my site appears on page 2 (positions 11-20) with high impressions. these are the keywords one good article could push to page 1. deliver list to Telegram with suggested topics." CONTENT WRITING FROM YOUR DATA: the difference between generic SEO content and content that ranks: your agent has your Search Console data. "write a blog post targeting [keyword]. my current position is 14 with 2,400 monthly impressions. check what pages currently rank 1-3 for this keyword. write something better. include the gaps they miss." the agent researches competitors via Firecrawl, checks your existing content in the wiki, and drafts based on real data. not guesswork. WHAT THIS REPLACES: → SEO agency: $1,000-5,000/month → SEO tool subscriptions: $100-300/month → manual reporting: 3-5 hours/week → manual content research: 2-4 hours/week Hermes SEO agent: one profile with two MCPs. cron jobs handle the monitoring. you handle the decisions. SETUP IN 10 MINUTES: 1. create a profile: hermes profile create seo-agent 2. write SOUL.md: "you are an SEO specialist. monitor search performance daily. flag ranking drops and opportunities. write content based on Search Console data. weekly report every Monday." 3. connect Google Search Console + Analytics via Composio or ClawLink 4. set cron jobs (weekly report, daily index check, content opportunity scan) 5. set model: DeepSeek V4 for routine monitoring. Sonnet for content writing. 6. connect to Telegram for delivery. the agent runs. you review reports. rankings improve because you stopped guessing and started using your own data. comment HERMES and I'll send you the full setup guide for running Hermes Agent as your SEO specialist. full Hermes architecture deep-dive in the article 👇

YanXbt

41,034 Aufrufe • vor 2 Monaten

how to use firecrawl to give your AI eyes and actually build startups that outperform 99% of apps: 1. your AI is smart but blind. it can't go to a website, read a page, or grab data on its own. firecrawl fixes that. you put in a URL. you get back clean markdown, structured JSON, screenshots. feed it to any model. 2. three lines of code. that's it. no proxies. no anti-bot detection. no custom scrapers that break when a site changes. one API call. clean data back in seconds. works on 98%+ of sites. 3. firecrawl has six core capabilities: scrape a single page. crawl an entire site. map all URLs on a domain. search google and return full content. an agent endpoint where you describe what you want and it goes and finds it. and a browser sandbox where AI controls a real browser like filling forms, clicking buttons, handles logins. 4. the agent endpoint is wild. you can say "find all of YC's winter 24 dev tool companies and their founders and emails" and get back structured data. or "compare pricing tiers across stripe, square, and paypal" and get a side-by-side table. 5. the browser sandbox lets your AI stay logged in across sessions, navigate pagination, watch live as it browses. this is computer use without building the infrastructure yourself. 6. think of it in layers. every builder needs: an agent harness (claude code, cursor, codex), a search layer (perplexity, exa), a web data layer (firecrawl), an ops brain (obsidian, notion), and an outbound stack. the web data layer is the one most people are sleeping on. 7. this is the AWS moment for web data. in 2006 building a web app meant buying servers and managing racks. AWS said one API call, use our servers. some of the biggest companies of the last decade were built on that. firecrawl is doing the same thing for web data in 2026. 8. the framework i'd use for coming up with startup ideas building with clean data: take a massive horizontal platform. rebuild it for one niche using firecrawl. the vertical version always wins because people want specific, not generic. price for outcome. 9. a year ago firecrawl posted a job listing that said "please only apply if you're an AI agent." content creator agents. customer support agents. junior dev agents. it looked weird. it was a signal for where this is all going. the people who understand how to get clean web data, wrap it around an LLM, and package it as a product are the the ones with a 12-month head start. i use Firecrawl with Idea Browser . once you see what's possible with structured web data, you can't unsee it. episode is live on The Startup Ideas Podcast (SIP) 🧃 (full breakdown there) i tried to explain this as clear as possible for even the non technical. send it to a builder friend. watch
27:27

how to use firecrawl to give your AI eyes and actually build startups that outperform 99% of apps: 1. your AI is smart but blind. it can't go to a website, read a page, or grab data on its own. firecrawl fixes that. you put in a URL. you get back clean markdown, structured JSON, screenshots. feed it to any model. 2. three lines of code. that's it. no proxies. no anti-bot detection. no custom scrapers that break when a site changes. one API call. clean data back in seconds. works on 98%+ of sites. 3. firecrawl has six core capabilities: scrape a single page. crawl an entire site. map all URLs on a domain. search google and return full content. an agent endpoint where you describe what you want and it goes and finds it. and a browser sandbox where AI controls a real browser like filling forms, clicking buttons, handles logins. 4. the agent endpoint is wild. you can say "find all of YC's winter 24 dev tool companies and their founders and emails" and get back structured data. or "compare pricing tiers across stripe, square, and paypal" and get a side-by-side table. 5. the browser sandbox lets your AI stay logged in across sessions, navigate pagination, watch live as it browses. this is computer use without building the infrastructure yourself. 6. think of it in layers. every builder needs: an agent harness (claude code, cursor, codex), a search layer (perplexity, exa), a web data layer (firecrawl), an ops brain (obsidian, notion), and an outbound stack. the web data layer is the one most people are sleeping on. 7. this is the AWS moment for web data. in 2006 building a web app meant buying servers and managing racks. AWS said one API call, use our servers. some of the biggest companies of the last decade were built on that. firecrawl is doing the same thing for web data in 2026. 8. the framework i'd use for coming up with startup ideas building with clean data: take a massive horizontal platform. rebuild it for one niche using firecrawl. the vertical version always wins because people want specific, not generic. price for outcome. 9. a year ago firecrawl posted a job listing that said "please only apply if you're an AI agent." content creator agents. customer support agents. junior dev agents. it looked weird. it was a signal for where this is all going. the people who understand how to get clean web data, wrap it around an LLM, and package it as a product are the the ones with a 12-month head start. i use Firecrawl with Idea Browser . once you see what's possible with structured web data, you can't unsee it. episode is live on The Startup Ideas Podcast (SIP) 🧃 (full breakdown there) i tried to explain this as clear as possible for even the non technical. send it to a builder friend. watch

GREG ISENBERG

135,254 Aufrufe • vor 6 Monaten

The complete playbook for building profitable companies in the AI age 1. Go heads down 2. Find an underserved niche + trend backed by data (start small) 3. Learn their painpoints/what content drives them 4. Come up with an idea (or steal one from Idea Browser) 5. Build an audience/community (pick 1 platform) 6. Use Manus/v0/Bolt/Lovable/Cursor to build v1 7. DM your audience, offer a discounted version 8. Reinvest that cash to fund product/content flywheel 9. Keep team small (AI is your co-founder) 10. Automate ~90%+ with agents/zaps etc 11. Reinvest profits into content + core features 12. Partner with creators in exchange for equity (1–20%) or rev share (20–50%) 13. Keep surfacing new ideas from users + trends (use agent feature on pro Idea Browser) 14. Build public-facing tools to drive top-of-funnel 15. Add modular pricing: free → $29 → $299 → $3K 16. Turn manual services into productized features 17. Build in public to attract users, partners, and acquirers 18. Bundle into an ecosystem, not just a single feature 19. Own the loop: audience → product → content → more audience 20. Run sprints on retention (fix that leaky bucket) 21. Backfill with AI agents before hiring ops roles 22. Test new channels with throwaway brands 23. Monetize the backend, sell data, leads, APIs if applicable 24. Have fun 25. Repeat. Build a portfolio 26. Share hires, tools, and infrastructure across products 27. Acquire underperforming products with distribution upside 28. Relaunch or bundle existing apps using your playbook 29. Create a holding company brand people want to follow (this is exactly what im doing, practicing what im preaching) 30. Build long-term wealth with no outside investors and infinite spins 31. Cross-promote wins across your product ecosystem to drive flywheel growth 32. Create an internal idea-to-launch pipeline (every 30 days, something ships) 33. License or clone successful products into new verticals or geos 34. Recruit niche operators to run individual products for cash + upside/profitshare 35. Build once, compound forever... audience, code, and trust all stack This is the greatest time to be an idea person. Happy building.
0:33

The complete playbook for building profitable companies in the AI age 1. Go heads down 2. Find an underserved niche + trend backed by data (start small) 3. Learn their painpoints/what content drives them 4. Come up with an idea (or steal one from Idea Browser) 5. Build an audience/community (pick 1 platform) 6. Use Manus/v0/Bolt/Lovable/Cursor to build v1 7. DM your audience, offer a discounted version 8. Reinvest that cash to fund product/content flywheel 9. Keep team small (AI is your co-founder) 10. Automate ~90%+ with agents/zaps etc 11. Reinvest profits into content + core features 12. Partner with creators in exchange for equity (1–20%) or rev share (20–50%) 13. Keep surfacing new ideas from users + trends (use agent feature on pro Idea Browser) 14. Build public-facing tools to drive top-of-funnel 15. Add modular pricing: free → $29 → $299 → $3K 16. Turn manual services into productized features 17. Build in public to attract users, partners, and acquirers 18. Bundle into an ecosystem, not just a single feature 19. Own the loop: audience → product → content → more audience 20. Run sprints on retention (fix that leaky bucket) 21. Backfill with AI agents before hiring ops roles 22. Test new channels with throwaway brands 23. Monetize the backend, sell data, leads, APIs if applicable 24. Have fun 25. Repeat. Build a portfolio 26. Share hires, tools, and infrastructure across products 27. Acquire underperforming products with distribution upside 28. Relaunch or bundle existing apps using your playbook 29. Create a holding company brand people want to follow (this is exactly what im doing, practicing what im preaching) 30. Build long-term wealth with no outside investors and infinite spins 31. Cross-promote wins across your product ecosystem to drive flywheel growth 32. Create an internal idea-to-launch pipeline (every 30 days, something ships) 33. License or clone successful products into new verticals or geos 34. Recruit niche operators to run individual products for cash + upside/profitshare 35. Build once, compound forever... audience, code, and trust all stack This is the greatest time to be an idea person. Happy building.

GREG ISENBERG

90,082 Aufrufe • vor 1 Jahr

New episode: "How Elon Works" This episode covers the insanely valuable company-building principles of Elon Musk A few notes from the episode: 1. The mission comes first. 2. Retreat is not an option. 3. A maniacal sense of urgency is our operating principle. 4. Product design should be driven by engineers. 5. You should not separate engineering from product design. 6. Having separate design and production departments is bullshit. Keep everything together and feedback immediate. 7. The leader should be on the front lines. You should be a battlefield general. 8. "If they see the general out on the battlefield, the troops are going to be motivated. Wherever Napoleon was, that's where his armies would do best." 9. Apply The Algorithm constantly. (1) Question every requirement. (2) Delete any part of the process you can. (3) Simplify and optimize. (4) Accelerate cycle time. (5) Automate. 10. Repetition is persuasive. "I became a broken record on the algorithm. I think it's helpful to say it to an annoying degree." 11. You should go ultra-hardcore on deletion and simplification. 12. Camaraderie is dangerous. It makes it hard for people to challenge each other’s work. (Refer to point #1) 13. Never ask your troops to do something you wouldn’t do. 14. Hire for attitude. Skills can be taught. Attitude changes require a brain transplant. 15. Good attitude = A desire to work maniacally hard. 16. The only rules are the ones dictated by the laws of physics. Everything else is a recommendation. 17. Keep your entire company committed to a common goal. 18. If things aren’t going well, throw away the existing design, start from first principles, question every requirement based on fundamental physics. 19. Find the limit. You want to delete as much as possible and you can’t do that unless you find the limit. 20. If you aren’t adding back at least 10% of the things you deleted, then you didn’t delete enough. 21. Maintain control. Avoid joint ventures. Eliminate middlemen. 22. Have a relentless dedication to questioning every requirement. 23. No work about work, just work. 24. Go to the problem. Get on the plane. Fly to the source. Go to the exact location in the factory. Go to the problem and stay there until it's resolved. 25. The best part is no part. 26. Be wired for war. 27. Do not fear losing. It hurts the first 50 times but then you’ll be able to play with less emotion. You will take more risks. 28. Stay heads down focused on doing useful things for civilization. 29. When something is important and has to be done quickly, have meetings every 24 hours to run the algorithm and check on the previous days progress. You'll be shocked at how fast this speeds things up. 30. Life needs to be interesting and edgy. 31. Delete, delete, delete, delete. There are 100 more ideas in the episode. I hope you listen to it. 30 years of Elon’s career + 60 hours of reading and research and me just absolutely ripping through idea after idea at 2x speed for 90 minutes. It will be hard to find a better use of time.
1:33:02

New episode: "How Elon Works" This episode covers the insanely valuable company-building principles of Elon Musk A few notes from the episode: 1. The mission comes first. 2. Retreat is not an option. 3. A maniacal sense of urgency is our operating principle. 4. Product design should be driven by engineers. 5. You should not separate engineering from product design. 6. Having separate design and production departments is bullshit. Keep everything together and feedback immediate. 7. The leader should be on the front lines. You should be a battlefield general. 8. "If they see the general out on the battlefield, the troops are going to be motivated. Wherever Napoleon was, that's where his armies would do best." 9. Apply The Algorithm constantly. (1) Question every requirement. (2) Delete any part of the process you can. (3) Simplify and optimize. (4) Accelerate cycle time. (5) Automate. 10. Repetition is persuasive. "I became a broken record on the algorithm. I think it's helpful to say it to an annoying degree." 11. You should go ultra-hardcore on deletion and simplification. 12. Camaraderie is dangerous. It makes it hard for people to challenge each other’s work. (Refer to point #1) 13. Never ask your troops to do something you wouldn’t do. 14. Hire for attitude. Skills can be taught. Attitude changes require a brain transplant. 15. Good attitude = A desire to work maniacally hard. 16. The only rules are the ones dictated by the laws of physics. Everything else is a recommendation. 17. Keep your entire company committed to a common goal. 18. If things aren’t going well, throw away the existing design, start from first principles, question every requirement based on fundamental physics. 19. Find the limit. You want to delete as much as possible and you can’t do that unless you find the limit. 20. If you aren’t adding back at least 10% of the things you deleted, then you didn’t delete enough. 21. Maintain control. Avoid joint ventures. Eliminate middlemen. 22. Have a relentless dedication to questioning every requirement. 23. No work about work, just work. 24. Go to the problem. Get on the plane. Fly to the source. Go to the exact location in the factory. Go to the problem and stay there until it's resolved. 25. The best part is no part. 26. Be wired for war. 27. Do not fear losing. It hurts the first 50 times but then you’ll be able to play with less emotion. You will take more risks. 28. Stay heads down focused on doing useful things for civilization. 29. When something is important and has to be done quickly, have meetings every 24 hours to run the algorithm and check on the previous days progress. You'll be shocked at how fast this speeds things up. 30. Life needs to be interesting and edgy. 31. Delete, delete, delete, delete. There are 100 more ideas in the episode. I hope you listen to it. 30 years of Elon’s career + 60 hours of reading and research and me just absolutely ripping through idea after idea at 2x speed for 90 minutes. It will be hard to find a better use of time.

David Senra

3,752,564 Aufrufe • vor 1 Jahr

I made this product launch video over the weekend with just prompts It's all vibe coded There's something you should know, though: Like everyone else, a few days ago my timeline started getting full of videos like this when Remotion launched their Claude skill, so I decided to give it a go I was captivated by all the examples, so I started like everyone was saying: "just write a prompt" I typed the prompt, and it created an extremely bland, untasteful, stock-looking video 10 prompts in and it was not getting better. It was very, very bland. But at least it was something, so I kept going at it I ended up spending my entire weekend on this, 2-3 days of work. Only to realize my original reference videos that inspired me to get started were all fake Everyone was outright lying about their results. They all claimed "I made this with just one prompt", but it was just bait, they didn't really use Remotion or code at all, it was just a normal, human-made motion video Then you expand the X post and read the replies and they're all like "haha joke" in the comments, but their main post already got 1.5 million views and bamboozled everyone who didn't read further And this is a problem: when a viral trend happens, these posts flood your timeline, and you only realize that they're all noise and bait (and that they haven't even used the tools they claim) when you click through the post and read its comments. But 90% of people (like me, initially) just see the post on their timeline while scrolling, and assume it's all real. You don't go in to check every single post you see: you just like it, or save it for later, and carry on with your day, thinking what you saw was the real thing, and that it's all outstanding results, and that motion designers are really done And it's so anxiety inducing, because everyone is hyping their results, but most of it is just not true. I have stopped reading X lately because going in makes me so anxious, everyone is claiming extraordinary outlier results just for the views and clicks, and you feel like you're lagging behind and you're not good enough because you don't get those results So for this video I decided to actually take the tech out for a spin, and see what results I could really get out of it I used Remotion and Claude Code 4.5, but contrary to what everyone was claiming, this video was not "just a prompt". It was fully vibe coded, but it required much more than a prompt. It was multiple days worth of work Here's what I learned: - Making vibe coded videos with Remotion is ~10-20x slower than building app code. I've been wasting my Claude limits on this video - Everything takes a lot of manual work and reprompting. You often need to go frame by frame correcting tiny things - It makes very silly mistakes - Even Opus 4.5 has very very limited knowledge of spatial / visual things. It doesn't understand well z-indexes, layers, compositions, proportions, temporal coherence, etc. Claude Code feels extremely dumb when creating code for Remotion videos, which surprised me a lot, beacuse I had been mind blown by how incredibly well it worked with my Ruby on Rails SaaS codebases - You need to have some design knowledge to adjust things manually, you need to ask for exactly what you want, in the technical jargon it expects. You can't just say "make this more beautiful" or "animate this better" because it just creates slop - Right now vibe coded videos are promising, but I think I could have done this video faster just by doing it manually in After Effects. It really took that much work - If you have a creative idea for something you want to animate, it takes multiple hours of back and forth prompting to create just one or two seconds worth of **good** animation - Tip: PARAMETERIZE everything! It tends to hardcode magic numbers everywhere in the code, so if you change something earlier in the video timeline, everything else breaks. You want to essentially be creating "key frames" with code by telling it to parameterize every frame where something important happens, and calculate the rest of the keyframes based off that. This comes in handy when you need, for example, to adjust keyframes to match the music So in summary: vibe coded videos are promising, but right now it only works for very stock-looking videos unless you put in a ton of effort Maybe actually useful for 1-2 second web animations though, I'll try that next It will obviously get better, this feels like the quality of code generation in 2023-2024, you need to hold its hand and correct it at every step along the way. But even if video code generation was better, you would still need someone with motion design knowledge to at least set the creative direction, lay out the overall script and composition, etc. It's not completely hands-off unless you want slop And a word on caution: especially here on X, there's 90% hype and 10% reality, nothing is what it seems. Do not believe what you see online, people are constantly baiting and then just laughing it off in the comments
0:28

I made this product launch video over the weekend with just prompts It's all vibe coded There's something you should know, though: Like everyone else, a few days ago my timeline started getting full of videos like this when Remotion launched their Claude skill, so I decided to give it a go I was captivated by all the examples, so I started like everyone was saying: "just write a prompt" I typed the prompt, and it created an extremely bland, untasteful, stock-looking video 10 prompts in and it was not getting better. It was very, very bland. But at least it was something, so I kept going at it I ended up spending my entire weekend on this, 2-3 days of work. Only to realize my original reference videos that inspired me to get started were all fake Everyone was outright lying about their results. They all claimed "I made this with just one prompt", but it was just bait, they didn't really use Remotion or code at all, it was just a normal, human-made motion video Then you expand the X post and read the replies and they're all like "haha joke" in the comments, but their main post already got 1.5 million views and bamboozled everyone who didn't read further And this is a problem: when a viral trend happens, these posts flood your timeline, and you only realize that they're all noise and bait (and that they haven't even used the tools they claim) when you click through the post and read its comments. But 90% of people (like me, initially) just see the post on their timeline while scrolling, and assume it's all real. You don't go in to check every single post you see: you just like it, or save it for later, and carry on with your day, thinking what you saw was the real thing, and that it's all outstanding results, and that motion designers are really done And it's so anxiety inducing, because everyone is hyping their results, but most of it is just not true. I have stopped reading X lately because going in makes me so anxious, everyone is claiming extraordinary outlier results just for the views and clicks, and you feel like you're lagging behind and you're not good enough because you don't get those results So for this video I decided to actually take the tech out for a spin, and see what results I could really get out of it I used Remotion and Claude Code 4.5, but contrary to what everyone was claiming, this video was not "just a prompt". It was fully vibe coded, but it required much more than a prompt. It was multiple days worth of work Here's what I learned: - Making vibe coded videos with Remotion is ~10-20x slower than building app code. I've been wasting my Claude limits on this video - Everything takes a lot of manual work and reprompting. You often need to go frame by frame correcting tiny things - It makes very silly mistakes - Even Opus 4.5 has very very limited knowledge of spatial / visual things. It doesn't understand well z-indexes, layers, compositions, proportions, temporal coherence, etc. Claude Code feels extremely dumb when creating code for Remotion videos, which surprised me a lot, beacuse I had been mind blown by how incredibly well it worked with my Ruby on Rails SaaS codebases - You need to have some design knowledge to adjust things manually, you need to ask for exactly what you want, in the technical jargon it expects. You can't just say "make this more beautiful" or "animate this better" because it just creates slop - Right now vibe coded videos are promising, but I think I could have done this video faster just by doing it manually in After Effects. It really took that much work - If you have a creative idea for something you want to animate, it takes multiple hours of back and forth prompting to create just one or two seconds worth of **good** animation - Tip: PARAMETERIZE everything! It tends to hardcode magic numbers everywhere in the code, so if you change something earlier in the video timeline, everything else breaks. You want to essentially be creating "key frames" with code by telling it to parameterize every frame where something important happens, and calculate the rest of the keyframes based off that. This comes in handy when you need, for example, to adjust keyframes to match the music So in summary: vibe coded videos are promising, but right now it only works for very stock-looking videos unless you put in a ton of effort Maybe actually useful for 1-2 second web animations though, I'll try that next It will obviously get better, this feels like the quality of code generation in 2023-2024, you need to hold its hand and correct it at every step along the way. But even if video code generation was better, you would still need someone with motion design knowledge to at least set the creative direction, lay out the overall script and composition, etc. It's not completely hands-off unless you want slop And a word on caution: especially here on X, there's 90% hype and 10% reality, nothing is what it seems. Do not believe what you see online, people are constantly baiting and then just laughing it off in the comments

Javi

313,364 Aufrufe • vor 8 Monaten