Vibe Coding: UI/UX to Website Development (Powered by Stitch × AI × WordPress)

Coffice Coworking Space Lai Chi Kok, Unit 1101, Floor 11, Tower 1, Cheung Sha Wan Plaza, 833 Cheung Sha Wan Road,, Lai Chi Kok, 0000

GDG Cloud Hong Kong

*** This session is in CANTONESE (zh-yue-Hant-HK) *** *** 此活動主要以廣東話(粵語)進行 ***你是否厭倦了傳統設計到功能程式碼之間緩慢而繁瑣的交接流程?歡迎來到 Vibe Codi...

Jun 29, 11:00 AM – 12:00 PM (UTC)

50 RSVP'd

Key Themes

AI - GeminiTech Talk / MeetupUX / UI DesignWeb

About this event

*** This session is in CANTONESE (zh-yue-Hant-HK) *** *** 此活動主要以廣東話(粵語)進行 ***

你是否厭倦了傳統設計到功能程式碼之間緩慢而繁瑣的交接流程?歡迎來到 Vibe Coding 時代——借助生成式 AI 的強大功能,你的設計意圖可以無縫轉化為可運行的生產網站。

本次由 GDG Cloud HK 和 Hong Kong WordPress Meetup 共同舉辦的獨家跨社群交流會,將為你揭示終極現代 Web 開發工作流程。基於本地行業專家的前沿工作流程,你將學習如何彌合創意 UI/UX 設計與全面網站部署之間的鴻溝。

我們將展示如何將 Stitch(輕鬆實現元件和雲端部署)、最先進的 AI 代理程式(例如 Google Gemini)以及 WordPress 的靈活性相結合,從而以閃電般的速度建置、設計並部署網站。無論你是希望將視覺效果轉化為現實的設計師,還是希望大幅提升建構速度的開發者,本次分享都將從根本上改變你對 Web 開發的認知。

✨ 主要收穫:

  • 「Vibe Coding」(氛圍編碼)理念:人工智慧如何改變開發者的角色,從編寫語法轉變為指導邏輯和佈局。

  • Stitch 與 AI 整合:使用 AI 產生結構化的前端元素,並使用 Stitch 將它們連接起來。

  • WordPress 作為無頭/靈活的 CMS:將 AI 生成的佈局直接引入全球最受歡迎的網路平台。

  • 現場示範:見證網站如何在幾分鐘內從 UI 概念變成可運行的 URL。

日程安排:

18:45 - 19:00 註冊

19:00 - 19:10 Victor Nip 介紹 Hong Kong WordPress Meetup ,Leonardo Lee 介紹 GDG Cloud HK

19:10 - 19:55 “Vibe Coding”(氛圍編碼):從 UI/UX 到網站開發,Leonardo Lee

19:55 - 19:55 集體合影

19:55 - 20:00 總結與閉幕

請同時在Hong Kong WordPress Meetup 頁面上註冊: https://www.meetup.com/hong-kong-wordpress-meetup/events/315265129/


Are you tired of the traditional, slow handoff from design to functional code? Welcome to the era of Vibe Coding—where your design intent seamlessly translates into a working production website using the power of Generative AI.

In this exclusive cross-community meetup co-hosted by GDG Cloud HK and Hong Kong WordPress Meetup , we are unpacking the ultimate modern web development workflow. Based on cutting-edge workflows from local industry experts, you'll learn how to bridge the gap between creative UI/UX and full-scale web deployment.

We will showcase how to mix Stitch (for effortless component and cloud setup), state-of-the-art AI agents (like Google Gemini), and the flexibility of WordPress to build, style, and deploy websites at lightning speed. Whether you are a designer wanting to see your visuals come alive or a developer looking to supercharge your build times, this session will fundamentally change how you view web development.

✨ Key Takeaways:

  • The "Vibe Coding" Philosophy: How AI is changing the developer's role from writing syntax to directing logic and layout.

  • Stitch & AI Integration: Using AI to generate structured frontend elements and connecting them using Stitch.

  • WordPress as a Headless/Flexible CMS: Bringing AI-generated layouts directly into the world’s most popular web platform.

  • Live Demo: Witness a website go from a UI concept to a live URL in minutes.


Schedule:

18:45 - 19:00 Registration 

19:00 - 19:15 Hong Kong Wordpress meetup introduction by Victor Nip & GDG Cloud HK introduction by Leonardo Lee

19:15 - 19:50 Vibe Coding: UI/UX to Website Development Leonardo 

19:50 - 19:55 Group Photo 

19:55 - 20:00 Wrap-up and Closing

Please register in Hong Kong Wordpress Meetup page as well: https://www.meetup.com/hong-kong-wordpress-meetup/events/315265129/

合辦 / Co-organizers

Google Developer Group Cloud Hong Kong (GDG Cloud Hong Kong)

Hong Kong Wordpress Meetup

場地贊助|Venue Support: Coffice

#GDGCloudHK #Googledeveloper #Gemini #VertexAI #Vibecoding @wordpress @hkwp @wordpress @meetup

Speakers

  • Leonardo Lee

    GDG Cloud Hong Kong

    Organizer

  • Victor K. Nip

    Hong Kong WordPress Meetup

    Co-Organizer

Partners

Coworking Space Lai Chi Kok logo

Coworking Space Lai Chi Kok

Kinsta logo

Kinsta

Organizers

  • Leonardo Lee

    Innoconcept

    GDG Cloud Hong Kong Organizer

  • Martin Chan

    GDG Cloud Hong Kong Organizer

  • Alex Sze

    Mox Bank

    Organizer

  • Rick Poon

    Organizer

  • Anson Ng

    GDG Cloud Hong Kong Organizer

  • Owen Chong

    Organizer

  • Ronald Ng

    Helper