{"url": "https://maven.com/p/9944eb/vibe-coding-in-practice", "core": {"title": "Vibe Coding in Practice", "slug": "9944eb", "id": 6864, "page_type": "workshop", "description": "Vibe Coding is a powerful way to turn ideas into real products by collaborating with AI.\n\nIn this session, we’ll build and refine a real, complex product using tools like Claude and Cursor.\n\nYou’ll see a hands-on workflow for shaping concepts, creating interfaces, and refining interactions with AI so you can apply the same process to your own projects.", "start_datetime": "2026-01-29T16:00:00Z", "duration_min": 30, "is_recording_public": true, "has_internal_recording": true, "instructor_name": "Nick Babich", "instructor_title": "Award-winning product design leader", "instructor_headline": "", "course_name": "Product Design with AI", "course_slug": "product-design-ai", "school_name": "Nick Babich", "school_slug": "babich", "chapter_count": 9}, "next_data": {"props": {"pageProps": {"apiSchool": {"id": 13157, "slug": "babich", "name": "Nick Babich", "is_stripe_connected": true, "stripe_connect_account_id": "acct_1SdUhBKPvlbjhmqk", "zoom_auth_version": 2, "verified": true, "timezone": "America/New_York", "support_email": null, "school_tags": [], "instructor_bio": null}, "pageType": "workshop", "school": {"id": 13157, "slug": "babich", "name": "Nick Babich", "is_stripe_connected": true, "stripe_connect_account_id": "acct_1SdUhBKPvlbjhmqk", "zoom_auth_version": 2, "verified": true, "timezone": "America/New_York", "support_email": null, "school_tags": [], "instructor_bio": null}, "course": {"slug": "product-design-ai", "school_id": 13157, "name": "Product Design with AI", "id": 18580, "format": "full_course", "description": "Go from traditional designer to AI-powered designer in 4 weeks", "attrs": {"courses_page_highlight_order_index": null, "custom_landing_page_url": null, "facebook_pixel_id": null, "is_course_application_enabled": false, "is_demoted_on_courses_page": false, "is_hidden_by_maven_staff": false, "is_live_on_courses_page": true, "short_description": null, "skip_landing_page": null, "satisfaction_guarantee_status": "unset"}, "social_image_url": null, "course_image_url": null, "clp_hero_media": null, "instructor_infos": [{"name": "Nick Babich", "image_url": "https://d2426xcxuh3ht5.cloudfront.net/r053aq6qT0SHFLn2PAay_1-4%201%20(1).png", "image_url_no_bg": "https://user-assets.maven.com/instructor-no-bg/r053aq6qT0SHFLn2PAay_1-4%201%20(1).png", "uuid": "7e1964ae-2487-4588-96ba-df68dfb80581", "bio_html": "<p>Hey there! My name is Nick and I have a passion for turning big ideas into beautifully crafted, user-friendly products. Over the years, I’ve led design teams, collaborated with cross-functional partners, and built dozens of products for major industry players like Airbus, Google and Mitsubishi Motors that people love to use.</p><p>With more than 300k followers worldwide, I'm widely known for my work as an author, speaker, and instructor, creating practical resources on UX, product design, and AI. My content regularly reaches a global audience of product professionals.</p>", "headline": "Award-winning product design leader", "title": "Product Design Leader with multiple Red Dot Design Award and Webby nominations", "linkedin_url": "https://www.linkedin.com/in/nbabich/", "twitter_handle": "https://x.com/101babich", "custom_social_link": null, "logos": {"logos": [{"image_url": "https://asset.brandfetch.io/id_KsyK7J9/idqgHTh9pg.svg", "type": "logo", "file_type": "svg", "uuid": "ac74c3cb-7798-4d3f-a8ed-af73aba3ae77", "name": "Adobe"}, {"image_url": "https://asset.brandfetch.io/idUQNwhgd_/idOy69Bcqv.svg", "type": "logo", "file_type": "svg", "uuid": "cb6f7397-cc0b-4691-8506-9fe3975fe7bd", "name": "Airbus"}, {"image_url": "https://asset.brandfetch.io/id9J8em7XB/idJc6dDjrv.svg", "type": "logo", "file_type": "svg", "uuid": "5876c27c-ddf1-49b4-a64b-84e6cfd97491", "name": "Mitsubishi Motors"}, {"image_url": "https://asset.brandfetch.io/id6O2oGzv-/idjOb2YcqW.svg", "type": "logo", "file_type": "svg", "uuid": "2870a662-16b3-4d80-a782-fd77439d3b2d", "name": "Google"}], "label": ""}, "highlights": null, "highlights_html": "<ul><li></li></ul>", "preferred_name": null}], "instructor_caption": "Product Design Leader with multiple Red Dot Design Award and Webby nominations", "course_tags": [{"id": 244, "tag_type": "internal_collection", "label": "Courses filtered for recommendations", "slug": "courses-filtered-for-recommendations", "description": null, "parent_tag_id": null}, {"id": 290, "tag_type": "persona", "label": "For Product Managers", "slug": "for-product-managers", "description": null, "parent_tag_id": null}, {"id": 296, "tag_type": "persona", "label": "For Designers", "slug": "for-designers", "description": null, "parent_tag_id": null}, {"id": 313, "tag_type": "topic", "label": "AI", "slug": "ai", "description": null, "parent_tag_id": null}, {"id": 319, "tag_type": "topic", "label": "Prototyping", "slug": "prototyping", "description": null, "parent_tag_id": null}, {"id": 335, "tag_type": "topic", "label": "Design", "slug": "design", "description": null, "parent_tag_id": null}]}, "contentPageSlug": "9944eb", "contentPage": {"id": 6864, "school_id": 13157, "slug": "9944eb", "content_page_type": "workshop", "sections": [{"uuid": "ff229193-72e1-4d30-b375-3bd6a3a339fb", "title": "Vibe Coding in Practice", "version": 1, "image_url": "https://d2426xcxuh3ht5.cloudfront.net/9nBlxYnRyWdA34DGlzA1_vc.png", "is_visible": true, "topic_desc": "Vibe Coding is a powerful way to turn ideas into real products by collaborating with AI.\n\nIn this session, we’ll build and refine a real, complex product using tools like Claude and Cursor.\n\nYou’ll see a hands-on workflow for shaping concepts, creating interfaces, and refining interactions with AI so you can apply the same process to your own projects.", "brand_logos": {"label": "Previously at", "logos": []}, "section_type": "main", "instructor_infos": [{"name": "Nick Babich", "uuid": "7dcacb0f-5c80-4e5d-990a-31983cb5763a", "logos": null, "title": "Award-winning product design leader", "bio_html": "<p>Product Design Leader with multiple Red Dot Design Award and Webby nominations</p>", "headline": "", "image_url": "https://d2426xcxuh3ht5.cloudfront.net/I3R54RD0QWCJZyBLoyTv_1-4%201%20(1).png", "highlights": null, "linkedin_url": null, "twitter_handle": null, "highlights_html": null, "image_url_no_bg": null, "custom_social_link": null}], "learning_outcomes": [{"uuid": "0798d05d-a2a5-414d-8c86-e3175efa4da8", "title": "Turn Ideas into Working UI with Vibe Coding", "description": "Vibe coding process in action: see how to go from a rough idea to structured components, layout, and interactions"}, {"uuid": "b486f4ff-5e21-4c95-8eb9-a3b83f483a0c", "title": "Build a complex product with Anthropic Claude & Cursor", "description": "Learn how to evaluate AI outputs, make better design decisions, and stay in control of quality produced by AI"}, {"uuid": "0ede1c84-e120-4417-be34-29d004b3dfbe", "title": "Best Practices for Vibe Coding with AI", "description": "How to structure prompts, guide AI output, and maintain creative control while building."}]}], "created_at": "2026-02-12T21:08:05.681971Z", "updated_at": null, "theme": null, "attrs": {"type": "workshop", "is_canceled": false, "is_delisted": false, "connected_course_id": 18580, "course_stripe_promo_code_id": null}, "school_event": {"id": 6864, "slug": null, "title": "Vibe Coding in Practice", "description": null, "start_datetime": "2026-01-29T16:00:00Z", "end_datetime": "2026-01-29T16:30:00Z", "start_date": "2026-01-29", "start_time": "16:00:00", "duration_min": 30, "timezone": "Europe/London", "has_internal_recording": true, "is_recording_public": true}, "num_signups": 378}, "relatedWorkshops": [{"id": 6330, "school_id": 10770, "is_visible_on_discovery_page": true, "is_canceled": true, "is_delisted": false, "connected_course_id": 11750, "workshop_tags": [{"id": 30, "tag_type": "category", "label": "Design", "slug": "design-ll", "description": null, "parent_tag_id": null}, {"id": 35, "tag_type": "category", "label": "AI", "slug": "ai-ll", "description": null, "parent_tag_id": null}, {"id": 296, "tag_type": "persona", "label": "For Designers", "slug": "for-designers", "description": null, "parent_tag_id": null}, {"id": 310, "tag_type": "persona", "label": "For User Researchers", "slug": "for-user-researchers", "description": null, "parent_tag_id": null}, {"id": 313, "tag_type": "topic", "label": "AI", "slug": "ai", "description": null, "parent_tag_id": null}], "published_content_page": {"id": 7162, "school_id": 10770, "slug": "351234", "content_page_type": "workshop", "sections": [{"uuid": "0113f80e-8e7d-4a0a-8c5c-ca215af614c9", "title": "Integrating ‘Vibe Coding’ Into the Product Design Workflow", "version": 1, "image_url": "https://d2426xcxuh3ht5.cloudfront.net/oa6WagdwSnyKlnGBuwVh_Opening%20Slide%20-%20Duo%20(8).jpg", "is_visible": true, "topic_desc": "The boundaries between traditional tech roles are blurring. Whether you’re a PM, designer, or engineer, we are all becoming generalist product builders. Master vibe coding now to future-proof your career.", "brand_logos": {"label": "", "logos": []}, "section_type": "main", "instructor_infos": [{"name": "Denise Yang", "uuid": "d2f07c36-440b-4c67-a593-32f79f451914", "logos": null, "title": "Product Designer at Google DeepMind", "bio_html": "<p>Denise Yang is a Senior UX Designer at Google DeepMind, helping developers and AI enthusiasts build with AI. </p><p>Previously she was the co-founder of Google Product Studio, and Senior UX Designer at eBay. </p><p><br></p><p>Connect with Denise on <a href=\"www.linkedin.com/in/dyangux\" rel=\"noopener noreferrer\" target=\"_blank\">LinkedIn</a></p><p><br></p>", "headline": "", "image_url": "https://d2426xcxuh3ht5.cloudfront.net/3auLsJBRS56NgngvmxAy_CleanShot%202026-01-31%20at%2015.56.03.png", "highlights": null, "linkedin_url": null, "twitter_handle": null, "highlights_html": null, "image_url_no_bg": null, "custom_social_link": null}, {"name": "Xinran Ma", "uuid": "e21c9075-db7d-4fc1-be40-bdc08479a778", "logos": {"label": "", "logos": []}, "title": "Founder of Design with AI | 3x Author | Startup Advisor", "bio_html": "<p>Xinran Ma is the founder and author of Design with AI, speaker, and award-winning designer.</p><p><a href=\"https://designwithai.substack.com/\" rel=\"noopener noreferrer\" target=\"_blank\">Design with AI</a> is one of the fastest-growing AI communities with over 20K subscribers from companies like Google, Amazon, Microsoft, and McKinsey.</p><p>Xinran has also written multiple Amazon #1 New Release books in UX and teaches a popular course on Maven: AI for Product Designers.</p><p>He regularly delivers lectures and conducts AI workshops at places such as Microsoft, Columbia Business School, UXPA, the City of Vancouver, Workday, and Pratt Institute. One of his lightning sessions is the most watched design classes on Maven with about 7K signups.</p><p><br></p><p>Connect with Xinran on <a href=\"https://www.linkedin.com/in/davidmaxinran/\" rel=\"noopener noreferrer\" target=\"_blank\">LinkedIn</a></p>", "headline": "", "image_url": "https://d2426xcxuh3ht5.cloudfront.net/UCLtBvp1TnqmsZLgTNax_Xinran%20Ma-s%20photo.png", "highlights": [], "linkedin_url": "", "twitter_handle": "", "highlights_html": null, "image_url_no_bg": null, "custom_social_link": ""}], "learning_outcomes": [{"uuid": "c8b47689-9996-4555-9532-0f283d1b1127", "title": "How to vibe code your way to high-fidelity UIs", "description": ""}, {"uuid": "20111065-eddb-423f-a811-00ff1145def9", "title": "Discover how vibe coding supercharges your design process", "description": ""}, {"uuid": "f9a59c76-f1dc-4d9d-8472-c558e3bacce0", "title": "See first-hand examples of a designer at DeepMind uses AI", "description": ""}]}], "created_at": "2026-02-13T17:28:58.638206Z", "updated_at": "2026-02-13T17:29:04.229874Z", "theme": null, "attrs": {"type": "workshop", "is_canceled": true, "is_delisted": false, "connected_course_id": 11750, "course_stripe_promo_code_id": null}, "school_event": {"id": 7162, "slug": null, "title": "Integrating ‘Vibe Coding’ Into the Product Design Workflow", "description": null, "start_datetime": "2026-02-24T17:00:00Z", "end_datetime": "2026-02-24T17:45:00Z", "start_date": "2026-02-24", "start_time": "12:00:00", "duration_min": 45, "timezone": "America/New_York", "has_internal_recording": true, "is_recording_public": true}, "num_signups": 441}}, {"id": 6281, "school_id": 7425, "is_visible_on_discovery_page": true, "is_canceled": false, "is_delisted": false, "connected_course_id": 13409, "workshop_tags": [{"id": 35, "tag_type": "category", "label": "AI", "slug": "ai-ll", "description": null, "parent_tag_id": null}, {"id": 292, "tag_type": "persona", "label": "For Founders", "slug": "for-founders", "description": null, "parent_tag_id": null}, {"id": 313, "tag_type": "topic", "label": "AI", "slug": "ai", "description": null, "parent_tag_id": null}, {"id": 319, "tag_type": "topic", "label": "Prototyping", "slug": "prototyping", "description": null, "parent_tag_id": null}, {"id": 349, "tag_type": "topic", "label": "Coding with AI", "slug": "ai-coding", "description": null, "parent_tag_id": null}, {"id": 419, "tag_type": "persona", "label": "For Creators", "slug": "for-creators", "description": null, "parent_tag_id": null}, {"id": 444, "tag_type": "topic", "label": "Vibe Coding", "slug": "vibe-coding", "description": null, "parent_tag_id": null}], "published_content_page": {"id": 7054, "school_id": 7425, "slug": "2b0bfe", "content_page_type": "workshop", "sections": [{"uuid": "1d7ed7bb-b2de-420b-a901-c0067721b27e", "title": "From Idea to App Store: Vibe Coding Mobile Apps", "version": 1, "image_url": "https://d2426xcxuh3ht5.cloudfront.net/ca6PJzVfT0Onc34KY7zy_From%20Idea%20to%20App%20Store%20-%20Vibe%20Coding%20Mobile%20Apps.png", "is_visible": true, "topic_desc": "Previously, if you wanted to launch a mobile app you had to learn how to code or hire expensive developers. With vibe coding, you can now build and ship your own apps, even if you can't code. This workshop guides you through bringing your app idea to life, designing interfaces, and publishing to the app stores. Turn your app concept into reality without the traditional barriers.", "brand_logos": {"label": "", "logos": [{"name": "Maven", "type": "logo", "uuid": "e26c3ae4-e543-416d-ae35-6cb20f4b511a", "file_type": "svg", "image_url": "https://asset.brandfetch.io/idIp45c7Hp/idGjMF6-1E.svg"}, {"name": "100 School", "type": "logo", "uuid": "a071bf30-5fe1-44f0-9dd7-a77d9815a796", "file_type": "svg", "image_url": "https://asset.brandfetch.io/idhosG8n_T/idEumcD-xh.svg"}, {"name": "Replit", "type": "logo", "uuid": "9d54173f-d8eb-43a4-9724-143b5f12088f", "file_type": "svg", "image_url": "https://asset.brandfetch.io/ido8Wu58rI/idelJXHfoI.svg"}]}, "section_type": "main", "instructor_infos": [{"name": "Harold Dijkstra", "uuid": "d0e83b16-7e08-4966-a65d-139f72a13841", "logos": null, "title": "The Vibe Coding Games", "bio_html": "<p>Host of the <a href=\"https://www.thevibecodinggames.com/\" rel=\"noopener noreferrer\" target=\"_blank\">The Vibe Coding Games</a> and the Prototyping with AI Bootcamp on&nbsp;<a href=\"https://maven.com/no-code-ai/prototyping-with-ai?utm_source=instructor\" rel=\"noopener noreferrer\" target=\"_blank\">Maven.com</a>. Helped 1,500+ bootcamp students to get started with building with AI.</p>", "headline": "", "image_url": "https://d2426xcxuh3ht5.cloudfront.net/2y1DsAeqRJ6HV4XAnWNk_Harold%20Dijkstra.png", "highlights": null, "linkedin_url": null, "twitter_handle": null, "highlights_html": null, "image_url_no_bg": null, "custom_social_link": null}, {"name": "Replit Workshop", "uuid": "e0f6365f-c290-4421-b8a8-f6912fb30bf5", "logos": {"label": "", "logos": []}, "title": "The Vibe Coding Games", "bio_html": "<p><a href=\"https://thevibecodinggames.com/\" rel=\"noopener noreferrer\" target=\"_blank\">The Vibe Coding Games</a>&nbsp;features workshops that teach you popular tools through real use cases. Join us today to learn how to get started with Replit.</p>", "headline": "", "image_url": "https://d2426xcxuh3ht5.cloudfront.net/gYO7re3OSiiHFq3llsBN_Replit%20workshop.png", "highlights": [], "linkedin_url": "", "twitter_handle": "", "highlights_html": null, "image_url_no_bg": null, "custom_social_link": ""}], "learning_outcomes": [{"uuid": "dec76de9-1098-45b8-a9da-11f2c0781af8", "title": "Learn how to build a working mobile app with AI", "description": "Join us live to watch a complete app get built live and learn the workflow for turning ideas into real mobile apps"}, {"uuid": "14830292-d36a-4014-abc8-b56d31c62cd5", "title": "Turn app ideas into reality without hiring developers", "description": "Discover te vibe coding approach to mobile development, eliminating the need to hire an expensive agency"}, {"uuid": "d1f52eef-b293-47c7-907d-484c50a2abdb", "title": "Build you first mobile app as a non-technical developer", "description": "Understand the steps from building to publishing your app to the to the app stores all by yourself"}]}], "created_at": "2026-02-12T21:08:33.422654Z", "updated_at": null, "theme": null, "attrs": {"type": "workshop", "is_canceled": false, "is_delisted": false, "connected_course_id": 13409, "course_stripe_promo_code_id": null}, "school_event": {"id": 7054, "slug": null, "title": "From Idea to App Store: Vibe Coding Mobile Apps", "description": null, "start_datetime": "2026-02-13T18:30:00Z", "end_datetime": "2026-02-13T19:30:00Z", "start_date": "2026-02-13", "start_time": "19:30:00", "duration_min": 60, "timezone": "Europe/Amsterdam", "has_internal_recording": true, "is_recording_public": true}, "num_signups": 214}}, {"id": 3748, "school_id": 5876, "is_visible_on_discovery_page": true, "is_canceled": false, "is_delisted": false, "connected_course_id": 16942, "workshop_tags": [{"id": 30, "tag_type": "category", "label": "Design", "slug": "design-ll", "description": null, "parent_tag_id": null}, {"id": 35, "tag_type": "category", "label": "AI", "slug": "ai-ll", "description": null, "parent_tag_id": null}, {"id": 159, "tag_type": "internal_collection", "label": "LL non-instructor", "slug": "ll-non-instructor", "description": null, "parent_tag_id": null}, {"id": 296, "tag_type": "persona", "label": "For Designers", "slug": "for-designers", "description": null, "parent_tag_id": null}, {"id": 310, "tag_type": "persona", "label": "For User Researchers", "slug": "for-user-researchers", "description": null, "parent_tag_id": null}, {"id": 313, "tag_type": "topic", "label": "AI", "slug": "ai", "description": null, "parent_tag_id": null}, {"id": 444, "tag_type": "topic", "label": "Vibe Coding", "slug": "vibe-coding", "description": null, "parent_tag_id": null}], "published_content_page": {"id": 4587, "school_id": 5876, "slug": "b2b164", "content_page_type": "workshop", "sections": [{"uuid": "d2f0b8f2-d073-4a16-bb1b-bbd54fa94091", "title": "Vibe Coding for Designers", "version": 1, "image_url": "https://d2426xcxuh3ht5.cloudfront.net/3HaN2WX1TVaGa8Ce31BP_Duo Instructor (1).png", "is_visible": true, "topic_desc": "The design industry is shifting fast. As there become fewer pixels to push in Figma, designers will be expected to build interactive prototypes and ship functional interfaces with AI-powered tools like Cursor. Designers who embrace vibe coding today will position themselves at the forefront of our industry's transformation. To build alongside us live, install Cursor before the event!", "brand_logos": {"label": "", "logos": []}, "section_type": "main", "instructor_infos": [{"name": "Amy Lima", "uuid": "f6380006-1fc9-4cf5-8678-d473fb6f5e09", "logos": null, "title": "Product Designer (Ex Duolingo, Pinterest, Amazon Music)", "bio_html": "<p>Amy Lima is a Product Designer, educator, budding vibe coder, and active member of the design community. Her design advocacy work is centered on championing early-career and underrepresented folks by helping them break into the field and demystifying an often gate-kept industry.</p><p><br></p><p>https://x.com/amylimabean</p><p>https://www.linkedin.com/in/amylima/</p>", "image_url": "https://d2426xcxuh3ht5.cloudfront.net/Vg3KeOAYTqCpEJuXh1V4_amy lima headshot 2024.jpg", "highlights": null, "linkedin_url": null, "twitter_handle": null, "image_url_no_bg": null, "custom_social_link": null}, {"name": "Maxim Leyzerovich", "uuid": "e8236ee7-c6f3-45b5-9553-ef2a37419767", "logos": {"label": "", "logos": []}, "title": "Designer, FLORA", "bio_html": "<p>Maxim Leyzerovich is a designer, educator, and consultant with 20+ years of practice &amp; leadership building products, strategies, and teams. He is currently working on the next paradigm for creative practice at FLORA – a new tool for a new creative class. He also teaches creative coding at GWU and advanced UX at MICA.</p><p><br></p><p>https://www.linkedin.com/in/round/</p><p>https://x.com/round</p>", "image_url": "https://d2426xcxuh3ht5.cloudfront.net/9gICKzWnRZikFdHVVpsK_maxim.jpeg", "highlights": [], "linkedin_url": "", "twitter_handle": "", "image_url_no_bg": null, "custom_social_link": ""}], "learning_outcomes": [{"uuid": "270efc57-ffd3-43e3-9927-fa08829b21ea", "title": "From Static to Interactive", "description": "Discover how vibe coding transforms your process from static designs to creating real-time iterative prototypes."}, {"uuid": "4c7ff0dd-4eb6-4851-ae6a-646fb530ccf0", "title": "Your new creative superpower", "description": "Learn Cursor fundamentals, environment setup, and prompting approaches to make deployment as easy as designing in Figma."}, {"uuid": "3dd39e97-aaac-4234-8a20-e9e85e586789", "title": "The Designer's Development Toolkit", "description": "Get a starter project template and workflow to begin building interactive experiences in your daily design practice."}]}], "created_at": "2026-02-12T21:02:11.302747Z", "updated_at": null, "theme": null, "attrs": {"type": "workshop", "is_canceled": false, "is_delisted": false, "connected_course_id": 16942, "course_stripe_promo_code_id": null}, "school_event": {"id": 4587, "slug": null, "title": "Vibe Coding for Designers", "description": null, "start_datetime": "2025-07-24T17:00:00Z", "end_datetime": "2025-07-24T17:30:00Z", "start_date": "2025-07-24", "start_time": "13:00:00", "duration_min": 30, "timezone": "America/New_York", "has_internal_recording": true, "is_recording_public": true}, "num_signups": 1897}}], "exploreCourses": null, "workshopTags": [{"id": 137, "tag_type": "internal_collection", "label": "Instructor", "slug": "Instructor", "description": null, "parent_tag_id": null}, {"id": 444, "tag_type": "topic", "label": "Vibe Coding", "slug": "vibe-coding", "description": null, "parent_tag_id": null}, {"id": 30, "tag_type": "category", "label": "Design", "slug": "design-ll", "description": null, "parent_tag_id": null}, {"id": 35, "tag_type": "category", "label": "AI", "slug": "ai-ll", "description": null, "parent_tag_id": null}, {"id": 293, "tag_type": "persona", "label": "For Engineers", "slug": "for-engineers", "description": null, "parent_tag_id": null}, {"id": 296, "tag_type": "persona", "label": "For Designers", "slug": "for-designers", "description": null, "parent_tag_id": null}, {"id": 310, "tag_type": "persona", "label": "For User Researchers", "slug": "for-user-researchers", "description": null, "parent_tag_id": null}, {"id": 349, "tag_type": "topic", "label": "Coding with AI", "slug": "ai-coding", "description": null, "parent_tag_id": null}, {"id": 313, "tag_type": "topic", "label": "AI", "slug": "ai", "description": null, "parent_tag_id": null}], "videoChapters": [{"title": "Introduction to Web Coding", "start_seconds": 0}, {"title": "Five Foundational Principles of Web Coding", "start_seconds": 98}, {"title": "The TOKEN Framework for Effective Prompting", "start_seconds": 624}, {"title": "Demo: Creating a Sign-In Form with Claude", "start_seconds": 739}, {"title": "A Guide to Web Coding Tools and AI Models", "start_seconds": 862}, {"title": "Demo: Building an Interactive Dashboard with Cursor", "start_seconds": 1114}, {"title": "Building Complex Products with NotebookLM", "start_seconds": 1365}, {"title": "The Reality of Debugging AI-Generated Code", "start_seconds": 1532}, {"title": "Conclusion and Audience Q&A", "start_seconds": 1691}], "navPages": [{"category": {"slug": "ai", "href": "/courses/ai", "title": "AI", "palette": {"--palette-category-base": "#460952", "--palette-category-highlight": "#931FAA", "--palette-category-border": "#EDA6FB"}}, "topics": [{"title": "Agentic AI", "slug": "ai/agentic-ai", "href": "/courses/ai/agentic-ai"}, {"title": "Coding with AI", "slug": "ai/ai-coding", "href": "/courses/ai/ai-coding"}, {"title": "AI Workflows", "slug": "ai/ai-workflows", "href": "/courses/ai/ai-workflows"}, {"title": "Claude Code", "slug": "ai/claude-code", "href": "/courses/ai/claude-code"}, {"title": "OpenClaw", "slug": "ai/openclaw", "href": "/courses/ai/openclaw"}, {"title": "Vibe Coding", "slug": "ai/vibe-coding", "href": "/courses/ai/vibe-coding"}, {"title": "AI Evals", "slug": "ai/evals", "href": "/courses/ai/evals"}, {"title": "AI Transformation", "slug": "ai/ai-transformation", "href": "/courses/ai/ai-transformation"}, {"title": "RAG & Search", "slug": "ai/rag-search", "href": "/courses/ai/rag-search"}, {"title": "MCP", "slug": "ai/mcp", "href": "/courses/ai/mcp"}, {"title": "AI for PMs", "slug": "ai/for-product-managers", "href": "/courses/ai/for-product-managers"}, {"title": "AI for Engineers", "slug": "ai/for-engineers", "href": "/courses/ai/for-engineers"}, {"title": "AI for Designers", "slug": "ai/for-designers", "href": "/courses/ai/for-designers"}, {"title": "AI for Marketers", "slug": "ai/for-marketers", "href": "/courses/ai/for-marketers"}, {"title": "AI for Founders", "slug": "ai/for-founders", "href": "/courses/ai/for-founders"}]}, {"category": {"slug": "product", "href": "/courses/product", "title": "Product", "palette": {"--palette-category-base": "#510B00", "--palette-category-highlight": "#B33600", "--palette-category-border": "#F7804D"}}, "topics": [{"title": "AI for PMs", "slug": "for-product-managers/ai", "href": "/courses/for-product-managers/ai"}, {"title": "Agentic AI", "slug": "for-product-managers/agentic-ai", "href": "/courses/for-product-managers/agentic-ai"}, {"title": "AI Evals", "slug": "for-product-managers/ai-evals", "href": "/courses/for-product-managers/ai-evals"}, {"title": "Vibe Coding", "slug": "for-product-managers/vibe-coding", "href": "/courses/for-product-managers/vibe-coding"}, {"title": "Product Sense", "slug": "for-product-managers/product-sense", "href": "/courses/for-product-managers/product-sense"}, {"title": "Product Discovery", "slug": "for-product-managers/product-discovery", "href": "/courses/for-product-managers/product-discovery"}, {"title": "User Research", "slug": "for-product-managers/user-research", "href": "/courses/for-product-managers/user-research"}, {"title": "Prototyping", "slug": "for-product-managers/prototyping", "href": "/courses/for-product-managers/prototyping"}, {"title": "Growth", "slug": "for-product-managers/growth", "href": "/courses/for-product-managers/growth"}, {"title": "Analytics", "slug": "for-product-managers/analytics", "href": "/courses/for-product-managers/analytics"}, {"title": "Tech Foundations", "slug": "for-product-managers/technical-foundations", "href": "/courses/for-product-managers/technical-foundations"}, {"title": "Strategy", "slug": "for-product-managers/strategy", "href": "/courses/for-product-managers/strategy"}, {"title": "Influence", "slug": "for-product-managers/influence", "href": "/courses/for-product-managers/influence"}, {"title": "Leadership", "slug": "for-product-managers/leadership", "href": "/courses/for-product-managers/leadership"}, {"title": "Career Growth", "slug": "for-product-managers/career-growth", "href": "/courses/for-product-managers/career-growth"}]}, {"category": {"slug": "engineering", "href": "/courses/engineering", "title": "Engineering", "palette": {"--palette-category-base": "#00332F", "--palette-category-highlight": "#00746B", "--palette-category-border": "#88B7B2"}}, "topics": [{"title": "AI for Engineers", "slug": "for-engineers/ai", "href": "/courses/for-engineers/ai"}, {"title": "Agentic AI", "slug": "for-engineers/agentic-ai", "href": "/courses/for-engineers/agentic-ai"}, {"title": "Coding with AI", "slug": "for-engineers/ai-coding", "href": "/courses/for-engineers/ai-coding"}, {"title": "Claude Code", "slug": "for-engineers/claude-code", "href": "/courses/for-engineers/claude-code"}, {"title": "OpenClaw", "slug": "for-engineers/openclaw", "href": "/courses/for-engineers/openclaw"}, {"title": "MCP", "slug": "for-engineers/mcp", "href": "/courses/for-engineers/mcp"}, {"title": "RAG & Search", "slug": "for-engineers/rag-search", "href": "/courses/for-engineers/rag-search"}, {"title": "AI Evals", "slug": "for-engineers/ai-evals", "href": "/courses/for-engineers/ai-evals"}, {"title": "Machine Learning", "slug": "for-engineers/ml", "href": "/courses/for-engineers/ml"}, {"title": "LLM Ops", "slug": "for-engineers/llm-ops", "href": "/courses/for-engineers/llm-ops"}, {"title": "Context Eng", "slug": "for-engineers/context-engineering", "href": "/courses/for-engineers/context-engineering"}, {"title": "Security", "slug": "for-engineers/security", "href": "/courses/for-engineers/security"}, {"title": "System Design", "slug": "for-engineers/system-design", "href": "/courses/for-engineers/system-design"}, {"title": "Leadership", "slug": "for-engineers/leadership", "href": "/courses/for-engineers/leadership"}, {"title": "Career Growth", "slug": "for-engineers/career-growth", "href": "/courses/for-engineers/career-growth"}]}, {"category": {"slug": "design", "href": "/courses/design", "title": "Design", "palette": {"--palette-category-base": "#38085F", "--palette-category-highlight": "#772CBB", "--palette-category-border": "#B5A2D0"}}, "topics": [{"title": "AI for Designers", "slug": "for-designers/ai", "href": "/courses/for-designers/ai"}, {"title": "Agentic AI", "slug": "for-designers/agentic-ai", "href": "/courses/for-designers/agentic-ai"}, {"title": "Vibe Coding", "slug": "for-designers/vibe-coding", "href": "/courses/for-designers/vibe-coding"}, {"title": "Prototyping", "slug": "for-designers/prototyping", "href": "/courses/for-designers/prototyping"}, {"title": "Figma", "slug": "for-designers/figma", "href": "/courses/for-designers/figma"}, {"title": "Design Systems", "slug": "for-designers/design-systems", "href": "/courses/for-designers/design-systems"}, {"title": "User Research", "slug": "for-designers/user-research", "href": "/courses/for-designers/user-research"}, {"title": "Product Discovery", "slug": "for-designers/product-discovery", "href": "/courses/for-designers/product-discovery"}, {"title": "UX", "slug": "for-designers/ux", "href": "/courses/for-designers/ux"}, {"title": "UI", "slug": "for-designers/ui", "href": "/courses/for-designers/ui"}, {"title": "Visual Design", "slug": "for-designers/visual-design", "href": "/courses/for-designers/visual-design"}, {"title": "Design Strategy", "slug": "for-designers/strategy", "href": "/courses/for-designers/strategy"}, {"title": "Influence", "slug": "for-designers/influence", "href": "/courses/for-designers/influence"}, {"title": "Leadership", "slug": "for-designers/leadership", "href": "/courses/for-designers/leadership"}, {"title": "Career Growth", "slug": "for-designers/career-growth", "href": "/courses/for-designers/career-growth"}]}, {"category": {"slug": "marketing", "href": "/courses/marketing", "title": "Marketing", "palette": {"--palette-category-base": "#431532", "--palette-category-highlight": "#943170", "--palette-category-border": "#C99EB5"}}, "topics": [{"title": "AI for Marketers", "slug": "for-marketers/ai", "href": "/courses/for-marketers/ai"}, {"title": "Agentic AI", "slug": "for-marketers/agentic-ai", "href": "/courses/for-marketers/agentic-ai"}, {"title": "Vibe Coding", "slug": "for-marketers/vibe-coding", "href": "/courses/for-marketers/vibe-coding"}, {"title": "Automation", "slug": "for-marketers/marketing-automation", "href": "/courses/for-marketers/marketing-automation"}, {"title": "Content Marketing", "slug": "for-marketers/content-marketing", "href": "/courses/for-marketers/content-marketing"}, {"title": "Demand Gen", "slug": "for-marketers/demand-generation", "href": "/courses/for-marketers/demand-generation"}, {"title": "Go-to-Market", "slug": "for-marketers/gtm", "href": "/courses/for-marketers/gtm"}, {"title": "Product Marketing", "slug": "for-marketers/product-marketing", "href": "/courses/for-marketers/product-marketing"}, {"title": "Positioning", "slug": "for-marketers/positioning", "href": "/courses/for-marketers/positioning"}, {"title": "Social Media", "slug": "for-marketers/social-media", "href": "/courses/for-marketers/social-media"}, {"title": "Brand", "slug": "for-marketers/brand", "href": "/courses/for-marketers/brand"}, {"title": "B2B Marketing", "slug": "for-marketers/b2b", "href": "/courses/for-marketers/b2b"}, {"title": "SEO & AEO", "slug": "for-marketers/seo-aeo", "href": "/courses/for-marketers/seo-aeo"}, {"title": "Strategy", "slug": "for-marketers/strategy", "href": "/courses/for-marketers/strategy"}, {"title": "Leadership", "slug": "for-marketers/leadership", "href": "/courses/for-marketers/leadership"}]}, {"category": {"slug": "leadership", "href": "/courses/leadership", "title": "Leadership", "palette": {"--palette-category-base": "#50090E", "--palette-category-highlight": "#A9202A", "--palette-category-border": "#D49C98"}}, "topics": [{"title": "AI for Leaders", "slug": "for-leaders/ai", "href": "/courses/for-leaders/ai"}, {"title": "Agentic AI", "slug": "for-leaders/agentic-ai", "href": "/courses/for-leaders/agentic-ai"}, {"title": "AI Transformation", "slug": "for-leaders/ai-transformation", "href": "/courses/for-leaders/ai-transformation"}, {"title": "AI Governance", "slug": "for-leaders/ai-governance", "href": "/courses/for-leaders/ai-governance"}, {"title": "Communication", "slug": "for-leaders/communication", "href": "/courses/for-leaders/communication"}, {"title": "Influence", "slug": "for-leaders/influence", "href": "/courses/for-leaders/influence"}, {"title": "Strategy", "slug": "for-leaders/strategy", "href": "/courses/for-leaders/strategy"}, {"title": "Management", "slug": "for-leaders/management", "href": "/courses/for-leaders/management"}, {"title": "People Operations", "slug": "for-leaders/people-operations", "href": "/courses/for-leaders/people-operations"}, {"title": "Exec Presence", "slug": "for-leaders/executive-presence", "href": "/courses/for-leaders/executive-presence"}, {"title": "Storytelling", "slug": "for-leaders/storytelling", "href": "/courses/for-leaders/storytelling"}, {"title": "Goal-setting", "slug": "for-leaders/goal-setting", "href": "/courses/for-leaders/goal-setting"}, {"title": "Personal Brand", "slug": "for-leaders/personal-brand", "href": "/courses/for-leaders/personal-brand"}, {"title": "Career Growth", "slug": "for-leaders/career-growth", "href": "/courses/for-leaders/career-growth"}]}, {"category": {"slug": "founders", "href": "/courses/founders", "title": "Founders", "palette": {"--palette-category-base": "#0C3209", "--palette-category-highlight": "#077202", "--palette-category-border": "#69C662"}}, "topics": [{"title": "AI for Founders", "slug": "for-founders/ai", "href": "/courses/for-founders/ai"}, {"title": "Agentic AI", "slug": "for-founders/agentic-ai", "href": "/courses/for-founders/agentic-ai"}, {"title": "AI Workflows", "slug": "for-founders/ai-workflows", "href": "/courses/for-founders/ai-workflows"}, {"title": "Vibe Coding", "slug": "for-founders/vibe-coding", "href": "/courses/for-founders/vibe-coding"}, {"title": "Prototyping", "slug": "for-founders/prototyping", "href": "/courses/for-founders/prototyping"}, {"title": "Product Sense", "slug": "for-founders/product-sense", "href": "/courses/for-founders/product-sense"}, {"title": "Positioning", "slug": "for-founders/positioning", "href": "/courses/for-founders/positioning"}, {"title": "Product Discovery", "slug": "for-founders/product-discovery", "href": "/courses/for-founders/product-discovery"}, {"title": "Management", "slug": "for-founders/management", "href": "/courses/for-founders/management"}, {"title": "Strategy", "slug": "for-founders/strategy", "href": "/courses/for-founders/strategy"}, {"title": "Go-to-Market", "slug": "for-founders/gtm", "href": "/courses/for-founders/gtm"}, {"title": "Personal Brand", "slug": "for-founders/personal-brand", "href": "/courses/for-founders/personal-brand"}, {"title": "Leadership", "slug": "for-founders/leadership", "href": "/courses/for-founders/leadership"}, {"title": "Fundraising", "slug": "for-founders/fundraising", "href": "/courses/for-founders/fundraising"}, {"title": "PMF", "slug": "for-founders/product-market-fit", "href": "/courses/for-founders/product-market-fit"}]}, {"category": {"slug": "more", "href": "/courses/more", "title": "More", "palette": {"--palette-category-base": "#1E2C2B", "--palette-category-highlight": "#4A6361", "--palette-category-border": "#B9C1BE"}}, "topics": [{"title": "Everyone", "slug": "for-everyone", "href": "/courses/for-everyone"}, {"title": "Operators", "slug": "for-operators", "href": "/courses/for-operators"}, {"title": "Data Scientists", "slug": "for-data-scientists", "href": "/courses/for-data-scientists"}, {"title": "Business Analysts", "slug": "for-business-analysts", "href": "/courses/for-business-analysts"}, {"title": "User Researchers", "slug": "for-user-researchers", "href": "/courses/for-user-researchers"}, {"title": "Customer Success", "slug": "for-customer-success", "href": "/courses/for-customer-success"}, {"title": "Project Managers", "slug": "for-project-managers", "href": "/courses/for-project-managers"}, {"title": "HR Professionals", "slug": "for-hr-professionals", "href": "/courses/for-hr-professionals"}, {"title": "Sales People", "slug": "for-sales-people", "href": "/courses/for-sales-people"}, {"title": "Lawyers", "slug": "for-lawyers", "href": "/courses/for-lawyers"}, {"title": "Finance", "slug": "for-finance-professionals", "href": "/courses/for-finance-professionals"}, {"title": "Investors", "slug": "for-investors", "href": "/courses/for-investors"}, {"title": "Real Estate", "slug": "for-real-estate-agents", "href": "/courses/for-real-estate-agents"}, {"title": "Educators", "slug": "for-educators", "href": "/courses/for-educators"}, {"title": "Creators", "slug": "for-creators", "href": "/courses/for-creators"}]}], "navTagLinks": [{"tag": {"id": 444, "tag_type": "topic", "label": "Vibe Coding", "slug": "vibe-coding", "description": null, "parent_tag_id": null}, "link_slug": "for-designers/vibe-coding"}, {"tag": {"id": 349, "tag_type": "topic", "label": "Coding with AI", "slug": "ai-coding", "description": null, "parent_tag_id": null}, "link_slug": "for-engineers/ai-coding"}, {"tag": {"id": 293, "tag_type": "persona", "label": "For Engineers", "slug": "for-engineers", "description": null, "parent_tag_id": null}, "link_slug": "for-engineers"}, {"tag": {"id": 296, "tag_type": "persona", "label": "For Designers", "slug": "for-designers", "description": null, "parent_tag_id": null}, "link_slug": "for-designers"}, {"tag": {"id": 310, "tag_type": "persona", "label": "For User Researchers", "slug": "for-user-researchers", "description": null, "parent_tag_id": null}, "link_slug": "for-user-researchers"}], "now": "2026-05-19T22:53:28.983Z"}, "__N_SSG": true}, "page": "/p/[slug]/[...ignored]", "query": {"slug": "9944eb", "ignored": ["vibe-coding-in-practice"]}, "buildId": "qPlLjBFLQ9fnkFKJ7n7E-", "isFallback": false, "isExperimentalCompile": false, "gsp": true, "scriptLoader": []}}