Home
WSQ - AI Vibe Coding for UI/UX

Sessions 2 days
Duration 16 hrs
Level Beginner
Assessment 2 hrs

Venue

12 Woodlands Square #07-85/86/87 Woods Square Tower 1, Singapore 737715. 5 mins walk from Woodlands (NS9) MRT station.

The venue is disabled-friendly.

TSC Title: User Interface Design
TSC Code: ICT-DES-3008-1.1

Funding for this course is valid from 7 Feb 2021 to 6 Feb 2027. Register and complete the course within this period to qualify for funding support.

By end of the course, learners should be able to

LO1: Identify Bootstrap framework functionalities and information flows for responsive web interface
LO2: Develop components and design GUI
LO3: Evaluate the web responsiveness and interactivity
LO4: Apply Bootstrap framework to update single page design

Download Course Brochure

Certificate of Achievement from Tertiary Infotech Academy Pte Ltd - Upon meeting at least 75% attendance and passing the assessment(s), participants will receive a Certificate of Achievement from Tertiary Infotech Academy Pte Ltd.
OpenCerts from SkillsFuture Singapore - After passing the assessment(s) and achieving at least 75% attendance, participants will receive a OpenCert (aka Statement of Achievement) from SkillsFuture Singapore, certifying that they have achieved the Competency Standard(s) in the above Skills Framework.

WSQ - AI Vibe Coding for UI/UX

Course Code: TGS-2021002504

WSQ
SFC
PSEA
SFEC
Absentee Payroll
MCES

7 Review(s) | Add Your Review

This course equips learners with the practical skills to design and develop responsive web applications, enhanced through agentic AI workflows and AI-assisted development techniques.

Learners will explore how to use vibe coding to plan, develop, and deploy interactive web applicaitons on the cloud. Using a vibe coding approach, participants will apply generative and agentic AI tools to accelerate UI development, frontend and backend development, assist with component design, and integrate AI-driven workflows into web applications.

The course also focuses on developing agent skills such as prompt structuring, workflow control, and output validation to improve the consistency, reliability, and quality of AI-generated outputs within web applications.

This course is part of our AI training in Singapore, where you can browse all our AI courses. See more AI vibe coding courses.

Full Fee $750.00 Before GST

GST $67.50 9% of fee

Baseline Nett $442.50 SG/PR age 21+ · 50% funded

MCES / SME Nett $292.50 SG age 40+ · 70% funded

SkillsFuture Enterprise Credit (SFEC)

Eligible companies can use their $10,000 SFEC to cover up to 90% of out-of-pocket course fees for classes ending on or before 30 Nov 2026. A redesigned SFEC starts on 1 Dec 2026.

View on SkillsFuture for Business

SkillsFuture Credit (SFC)

Eligible Singapore Citizens can use their SFC to offset course fee payable after funding but the $4,000 Additional SFC (Mid-Career Support) cannot be used.

Direct Application on SkillsFuture Portal

PSEA

Eligible Singapore Citizens can use their PSEA funds to offset course fee payable after funding.

Check PSEA Eligibility

Scroll down to “Keyword Tags” to verify for PSEA eligibility.
If there is “PSEA” under keyword tags, the course is eligible for PSEA.

Once you are eligible for PSEA, please download and fill up the PSEA Withdrawal Form, then submit the completed form to us:

PSEA Withdrawal Form Submit PSEA Form

Please bring your own laptop for hands-on training. If you don't have laptop, we can provide spare laptop for training use.

We provide free consultation related to the subject matter after the course.
Please email your queries to enquiry@tertiaryinfotech.com and we will forward your queries to the subject matter experts.

You can register your interest without upfront payment. There is no penalty for withdrawal of the course before the class commences.
We reserve the right to cancel or re-schedule the course due to unforeseen circumstances. If the course is cancelled, we will refund 100% for any paid amount.
Note the venue of the training is subject to changes due to availability of the classroom.

Course Details

Topic 1 Vibe Coding Responsive Layouts with Agentic AI

Principles of responsive web design and layout information flow

Using vibe coding to plan responsive layouts

Applying agentic AI tools (e.g. Google AI Studio, Google Antigravity, Claude Code, VS Code ) to generate and refine layout structures

Topic 2 Vibe Coding GUI Components and Visual Design

Developing core components (navbars, cards, buttons, forms)

Using agentic AI to assist with component design and visual consistency

Developing agent skills to guide AI-generated UI components for quality and alignment

Topic 3 Vibe Coding Interactivity, Responsiveness, and Agent Control

Adding interactivity using JavaScript-enabled components

Refining responsive behaviour across devices and screen sizes

Applying agent skills such as prompt structuring and workflow control

Using agentic AI platforms to test, evaluate, and improve UI responsiveness and usability

Topic 4 Vibe Coding a Responsive Single-Page Web Application with Agentic AI

Designing and building key sections

Integrating frontend interfaces with basic backend or AI-driven workflows

Applying agent skills to validate AI outputs and improve consistency and reliability

Preparing the web application for cloud-based deployment

Written Exam
Practical Exam

Course Info

Minimum Entry Requirement

Knowledge and Skills

Able to operate using computer functions
Minimum 3 GCE ‘O’ Levels Passes including English or WPL Level 5 (Average of Reading, Listening, Speaking & Writing Scores)

Attitude

Positive Learning Attitude
Enthusiastic Learner

Experience

Minimum of 1 year of working experience.

Minimum Software/Hardware Requirement

Software:

You will need the following for this course:

Node.js (LTS) – free
Visual Studio Code – free
An AI coding assistant with a free tier, e.g. GitHub Copilot Free in Visual Studio Code

Hardware: Windows PC or Mac laptop

Funding Eligibility Criteria

Self-sponsored learners (individuals)

Singapore Citizens and Singapore Permanent Residents aged 21 and above.
Up to 50% course fee funding. Singapore Citizens aged 40 and above receive up to 70% under the Mid-career Enhanced Subsidy (MCES).
Singapore Citizens aged 25 and above can pay the remaining fee with SkillsFuture Credit.

Company-sponsored learners

Singapore Citizens and Singapore Permanent Residents who are direct employees of the sponsoring company.
Up to 50% course fee funding, or up to 70% for employees of SMEs (Enhanced Training Support for SMEs) and for Singapore Citizens aged 40 and above. An SME has no more than 200 employees or an annual turnover of no more than $100 million.
Employers can also claim Absentee Payroll funding for employees who attend during working hours.
Eligible companies can offset their out-of-pocket fees with SkillsFuture Enterprise Credit (SFEC).

Conditions for all funded learners

Attendance is taken digitally with Singpass for every session, including the assessment.
You must complete the course and pass all assessments (assessed as Competent).
If these conditions are not met, the funding is clawed back and the learner or employer pays the full course fee.
9% GST is charged on the full course fee before funding.
Promo and discount codes cannot be used on funded courses.
Any balance after funding can be paid in cash, with SkillsFuture Credit, with PSEA (Singapore Citizens with a PSEA).

How to Apply SkillsFuture Credit Claim for Individuals

Singapore Citizens aged 25 and above can use their SkillsFuture Credit (base tier) to pay the course fee after funding. The $4,000 mid-career top-up cannot be used for this course.

Register for this course as self-sponsored and tell us you will use SkillsFuture Credit. Do not pay the amount you plan to claim.
We email you an invoice showing the course fee after funding.
From 60 days before the course starts, and no later than the course start date, log in to MySkillsFuture with Singpass and click Claim credits.
Click Submit a Claim and search for this course by its course code, TGS-2021002504.
Select your class start date, enter the course fee payable after funding and the amount of credit to claim, then upload the invoice (PDF, JPG or PNG, under 4MB).
Review, accept the terms and click Agree and Submit. The credit is paid directly to us; processing can take up to 14 working days.

Changing or withdrawing: cancel the claim on MySkillsFuture at least one day before the course starts. If your class date changes, cancel the claim and submit a new one with the new date.

How to Apply SkillsFuture Enterprise Credit (SFEC)

SFEC helps companies pay for employee training. The current SFEC ends on 30 November 2026, and a redesigned SFEC starts on 1 December 2026.

Current SFEC: classes ending on or before 30 November 2026

Eligible companies received a one-off $10,000 credit, notified by letter to their Corppass administrator. Eligibility generally required at least 3 Singapore Citizen or PR employees and Skills Development Levy contributions.
SFEC covers up to 90% of the company's out-of-pocket course fee after other subsidies.

Check your company's SFEC eligibility and balance on EnterpriseSG.
Register your Singapore Citizen or PR employee for a class that ends by 30 November 2026, as company-sponsored, and pay the course fee after funding.
Your employee attends and completes the course. We submit the attendance and assessment results to SWDA.
No separate claim is needed. SFEC is calculated automatically once the course fee grant is approved and is paid quarterly to your company's IRAS GIRO or PayNow Corporate account.

Any unused balance of the current SFEC expires on 30 November 2026.

Redesigned SFEC from 1 December 2026

Companies with at least 3 resident employees receive a fresh $10,000 in an online SFEC wallet that offsets out-of-pocket fees upfront at enrolment, instead of reimbursing them afterwards. SWDA has not yet published the support rates and claim steps; see OurWorkforce or our SFEC guide.

How to Apply PSEA

Singapore Citizens with a Post-Secondary Education Account (PSEA), which stays open until around the year you turn 31, can use it to pay the course fee after funding for PSEA-approved courses. You can also use a sibling's PSEA after your own has been used up.

Check that this course shows the PSEA tag on its MySkillsFuture page.
Check your PSEA balance on MOE's Student Finance System with Singpass.
Download and complete the PSEA withdrawal form, then submit it to us.
We submit the withdrawal request to MOE. You (and your sibling, if you are using their account) authorise it in the Student Finance System. Nothing is withdrawn without this authorisation.
MOE pays us directly. If you have already paid, we refund the amount covered by PSEA.

More details: MOE PSEA overview.

Appeal Process

If you disagree with an assessment decision, you have the right to appeal.

When the assessor gives you feedback, say whether you agree with the outcome. If you agree, you and the assessor sign the Assessment Summary Record; if you disagree, do not sign it.
Discuss the decision with the assessor or the assessment manager first.
If you are still not satisfied, tell the assessor you intend to appeal. The assessor records this in the feedback section of the Assessment Summary Record and informs the assessment manager.
Lodge your appeal within 7 days, giving your reasons, using the Candidate Appeal Form. The assessor can help you write and lodge it.
An Assessment Appeal Panel reviews the information from you and the assessor and makes a decision. A record of the appeal and its outcome is kept.
You will be told the outcome within 2 weeks of lodging the appeal. The panel's decision is final.

Job Roles

Front-End Web Developer
Web Designer
UI/UX Designer
Digital Designer
Responsive Web Developer
Bootstrap Developer
Creative Technologist
Junior Web Developer
HTML/CSS Developer
Interactive Media Designer
Web Application Developer
Mobile Web Designer
Junior UI Developer
Website Content Editor
Visual Designer
E-commerce Website Developer
Web Development Executive
Web Projects Assistant
Multimedia Developer
Digital Marketing Executive (with web design focus)

Trainers

Dr. Alfred Ang designs and ships interfaces across web, iPhone, iPad and Android, and builds AI agent workflows with the same care, which makes AI Vibe Coding for UI/UX a natural fit. He is a full-stack AI developer, Agentic AI solution architect, courseware developer and corporate trainer, and serves as Managing Director, CIO, CTO and Chief Instructional Designer of Tertiary Infotech Academy Pte Ltd, having founded Tertiary Courses. His GitHub portfolio of 300+ public repositories is full of carefully designed front ends: whiteboard, a browser-based whiteboard with a dark creative-studio interface, an icon-centric toolbar, vector shapes, flowchart elements and snapping connectors; pinboard, a colourful, light-first digital canvas for sticky notes with real-time collaboration; logomaker, a static web app that generates logo options with Gemini or OpenAI and offers dark and light themes; and tapcard, a mobile-first digital business card platform with a built-in CRM. He has also published skills, a collection of Claude Code skills that includes mobile responsiveness testing, which reflects the agent-skill approach this course teaches. His foundation is a PhD in Electrical Engineering from NUS, an MSc in Electrical and Electronic Engineering from NTU and a B.Sc (Hons) in Physics from NUS, with more than 20 peer-reviewed papers and more than 20 co-invented US patents. He holds Microsoft Certified AI Engineer Associate (AI-102), Power App Maker (PL-100) and AWS Certified Solutions Architect credentials, and works with the Claude Agent SDK and Google Gemini Agent SDK.

In this WSQ course, Dr. Ang teaches learners to design and build responsive web applications by directing agentic AI tools such as Google AI Studio, Google Antigravity, Claude Code and VS Code. Topic 1 covers responsive layouts: the principles of responsive design and information flow, planning layouts through vibe coding and having agents generate and refine the structure. Topic 2 develops core GUI components such as navbars, cards, buttons and forms, and introduces agent skills that keep AI-generated components visually consistent and on brand. Topic 3 adds interactivity with JavaScript, refines behaviour across devices and screen sizes and uses prompt structuring and workflow control to keep the agent on task, while agentic platforms help test usability and responsiveness. Topic 4 brings everything together into a responsive single-page web application that connects to a simple backend or AI-driven workflow and is prepared for cloud deployment. Because he writes his own reusable agent skills, he can show learners how to turn a style guide into instructions an agent will follow, and how to validate outputs rather than accept them blindly. His cloud background helps him explain deployment in straightforward terms. As an ACTA-certified trainer and DACE-certified curriculum developer, he keeps the class hands-on from the first hour, so participants finish with a live, responsive application they designed themselves and a workflow they can apply to future interface projects. To see the interfaces and agent skills he has built, explore his GitHub portfolio at https://github.com/alfredang and connect with him on LinkedIn at https://www.linkedin.com/in/angchewhoe/

Shahul Hameed Maricar is a certified ACLP trainer and MOE instructor with over a decade of experience in systems integration, product design and technical training. He has delivered numerous WSQ and corporate training programmes in HTML5, CSS3, JavaScript and Node.js, equipping learners with front-end and back-end development skills, and his background in embedded systems, multimedia, 3D design and STEM education helps him simplify technical concepts for learners of all levels. In his web development training, Shahul emphasises hands-on, project-based learning in which participants build responsive websites from the ground up, covering layout design, responsive styling and interactivity.

In WSQ - AI Vibe Coding for UI/UX, Shahul brings this responsive web design experience to agentic AI workflows. Learners study the principles of responsive design and layout information flow, then use vibe coding and agentic AI tools such as Google AI Studio, Google Antigravity, Claude Code and VS Code to generate and refine layout structures. They go on to develop core GUI components such as navigation bars, cards and buttons and apply consistent visual design, before planning, developing and deploying interactive web applications on the cloud. His design and product background keeps attention on usability as well as code. Participants leave able to create responsive, user-friendly interfaces faster with AI-assisted development.

Allen Wong is a digital marketing strategist and entrepreneur with extensive experience in website development, SEO and e-commerce. As CEO and Founder of Medistation Pte. Ltd., he has generated over $5 million in revenue through data-driven digital strategies, including building and optimising websites for customer acquisition. His expertise spans responsive design, campaign optimisation and the integration of analytics into web systems, and his training on responsive web design focuses on websites that combine good design with real business functionality.

In this WSQ course, AI Vibe Coding for UI/UX, learners design and develop responsive web applications using vibe coding with agentic AI tools such as Google AI Studio, Google Antigravity, Claude Code and VS Code. Participants plan and refine responsive layouts, build core GUI components such as navigation bars, cards, buttons and forms with consistent visual design, and deploy interactive web applications to the cloud. Allen brings his website and responsive design experience to the AI-assisted workflow, covering layout frameworks, mobile optimisation and user journey mapping so that learners understand both technical execution and business alignment. They leave able to direct AI tools towards responsive interfaces that serve real users.

Fritz Lim is an ACTA-certified trainer and software developer with over 15 years of teaching experience in IT, programming and web technologies. He has taught extensively across polytechnics, academies and training organisations, specialising in HTML, CSS, JavaScript, React and full stack web development. His real-world projects include web applications that integrate databases, Firebase and responsive frameworks, giving learners practical insight into applied web design.

Fritz's expertise is in responsive web design and front-end development, and he brings it to WSQ - AI Vibe Coding for UI/UX, where agentic AI tools such as Google AI Studio, Claude Code and VS Code are used to plan and build interfaces. He helps learners understand the principles of responsive layout and information flow, then use vibe coding to generate and refine layout structures and core components such as navbars, cards, buttons and forms. Because he teaches responsive CSS and JavaScript interactivity in depth, he equips participants to evaluate and improve AI-generated designs. Learners leave able to design, build and deploy responsive, interactive web applications on the cloud.

Janice Ong is an ACLP-certified trainer with more than 20 years of experience in digital marketing, e-commerce and business development. She has held senior roles in global companies such as Creative Technology, managing worldwide e-commerce platforms and web-based operations. Since 2014 she has delivered WSQ and corporate training in website development, SEO and online business tools to professionals, entrepreneurs and SMEs. Her web design training covers HTML, CSS and CMS integration, enabling participants to create responsive websites optimised for usability and customer engagement.

In AI Vibe Coding for UI/UX, she brings this responsive web design background to building interfaces with agentic AI tools such as Google AI Studio, Google Antigravity, Claude Code and VS Code. Learners apply responsive design and information flow principles to plan layouts, develop core components such as navbars, cards, buttons and forms, and use agent skills to keep AI-generated designs consistent. They add interactivity with JavaScript-enabled components, then build a responsive single-page web application and prepare it for cloud deployment. By combining technical skills with commercial insight, she helps participants build web applications that are not only functional but aligned with business goals and a good user experience.