AI Vibe Coding for Web Design

Dr. Alfred Ang has been designing websites for businesses since he founded OSWeb2Design Singapore Pte Ltd in 2007, offering web development, e-commerce store development, graphics design and digital marketing services. Today he builds them with AI. A full-stack AI developer and Agentic AI solution architect, he serves as Managing Director, CIO, CTO and Chief Instructional Designer of Tertiary Infotech Academy Pte Ltd and is the founder of Tertiary Courses, and his GitHub portfolio of more than 300 public repositories is full of vibe-coded sites with a clear commercial purpose. The marketingagency project is a demand-generation consultancy site with Japanese-print typography on a pink paper ground and a 12-point audit lead magnet; itconsultancy is a zero-build single-page site built around an interactive carbon-readiness scorecard; healthcare is a responsive clinic site with a WhatsApp chat widget, lead capture, SEO schema and accessibility built in; and financialplanning combines a retirement calculator with a gated checklist and dark mode. Each one is plain HTML, CSS and JavaScript, which shows how far careful direction of an AI assistant can go without a heavy framework. His wider credentials include a PhD in Electrical Engineering from NUS, an MSc in Electrical and Electronic Engineering from NTU, Microsoft Certified AI Engineer Associate (AI-102) and AWS Certified Solutions Architect, and he is an ACTA-certified trainer and DACE-certified curriculum developer.

In AI Vibe Coding for Web Design, Dr. Ang teaches business owners, marketers, designers and aspiring developers to direct AI coding assistants the way he does: describe the outcome in plain English, review the HTML, CSS and JavaScript that comes back, and refine until the page looks and works as intended. The first topic covers AI vibe coding for web content, planning a site structure, generating pages and sections and writing persuasive copy for a defined audience. The second focuses on web usability, where he asks learners to test navigation, readability and mobile layouts rather than trusting a first draft. Topic three addresses lead generation and online visibility, and his own lead-magnet sites give learners concrete patterns to adapt, from calculators and scorecards to enquiry forms, WhatsApp buttons and SEO metadata. The final topic turns to user experience, covering visual hierarchy, accessibility and the small interactions that make a site feel polished. He emphasises reading what the AI produces, because understanding a few lines of markup makes it far easier to fix layout problems and keep a site secure and fast. Sessions are almost entirely hands-on, with each learner building and iterating on a site for their own business or project, and his decades of web experience help them avoid the design mistakes that cost enquiries. Learners leave with a working, professional website and a repeatable method for the next one. He also covers page speed and basic search engine optimisation, so a good-looking site is also one that customers can find. To see the sites he has vibe-coded, explore his GitHub portfolio at https://github.com/alfredang and connect with him on LinkedIn at https://www.linkedin.com/in/angchewhoe/