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.

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

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. His career spans multidisciplinary expertise in 3D art, mechatronics, embedded systems, and industrial design, where he has delivered impactful solutions in both academic and corporate settings. With deep technical skills in 3D design software such as Blender and Fusion 360, as well as programming in Python, JavaScript, and C++, Shahul integrates both digital and physical product development in his teaching.

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 organizations, specializing in HTML, CSS, JavaScript, React, and full-stack web development. His real-world projects include web applications integrating databases, Firebase, and responsive frameworks, giving learners practical insights into applied web design.
In his training, Fritz focuses on teaching the foundations of responsive design alongside advanced frameworks. He equips learners with the skills to structure code, apply responsive CSS techniques, and integrate interactivity with JavaScript. By blending technical expertise with practical examples, Fritz ensures participants can confidently design and build professional-grade responsive websites.

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.
In her web design training, Janice emphasizes the practical application of website building for businesses. Her sessions cover HTML, CSS, and CMS integration, enabling participants to create responsive websites optimized for usability and customer engagement. By combining technical skills with commercial insights, she equips learners to build websites that are not only functional but also aligned with business growth strategies.

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 optimizing websites for customer acquisition. His expertise spans responsive design, campaign optimization, and integration of analytics into web systems.
In his responsive web design training, Allen focuses on guiding learners to create websites that blend design with business functionality. His sessions cover layout frameworks, mobile optimization, and user journey mapping, ensuring participants understand both technical execution and business alignment. With his entrepreneurial background, Allen prepares learners to design responsive websites that generate impact and drive results.

Ray Teoh is an ACLP-certified trainer with more than 23 years of experience in digital marketing, sales, and business leadership. He has held senior leadership roles at Singapore Press Holdings, Innity, and iClick Interactive, achieving milestones such as 400% revenue growth and driving digital adoption across Asia. Currently Director at eDragon Group, he advises organizations on web, mobile, and social platforms for regional expansion.
In his training, Ray emphasizes the strategic role of responsive websites in digital marketing and brand visibility. His sessions guide learners in designing websites optimized for engagement, integrating responsive design with social media and lead generation strategies. By combining leadership experience with practical training, Ray enables participants to build websites that serve as powerful business tools for growth.