Vibe Coding AI App Workshop for Schools
The **Vibe Coding AI App Workshop** is an AI coding course for Hong Kong upper primary and secondary schools. With no coding background, students work with AI through clear prompts to build **web mini games, web apps for mobile and desktop, and AI assistants with expert knowledge**. The course is built on "thinking-driven development". Students see how digital transformation is changing life, learning and work, and turn real problems into apps they can deploy and share.
Duration
10 to 25 hours (flexible to school schedule)
Class Size
20 students
Instructor
Alex KWOK
Rate
$2000+
Learning Objectives
Understand Vibe Coding and AI-assisted coding
Learn the strengths and limits of large language models (GPT, Gemini, Claude), compare vibe coding with traditional coding, and see the role of AI agents in development.
Master prompt engineering
Write precise prompts with the CCF framework (Context, Content, Format) and build an "idea → describe → observe → refine" mindset.
Understand digital transformation
Learn basic app architecture (front end, back end, database, API) and how digitising everyday processes improves efficiency.
Build a real product
Plan with the SWDCA framework (Stakeholder, Workflow, Data, Control, Authentication) and take a web app from prototype to testing and deployment.
Test and present
Check quality with the E.A.T. framework (End-to-End, Access, Load) and present clearly at the showcase.
Who This Is For
Upper primary (P4 to P6)
Focus on mini games and AI assistants, created with Chinese or English prompts under tutor guidance to build logic and communication skills.
Junior and senior secondary (S1 to S6)
Complete full SWDCA planning and build web apps with login, data storage and API/OCR features. Ideal for innovation projects, STEAM and OLE.
Students with special educational needs (SEN)
Delivered with the EDB Educational Psychology Service using small-group, task-based learning, with a tutor-to-student ratio of about 1:10.
No coding background needed
Curiosity about technology is all it takes to start.
Course Details
Course formats
- •Taster workshop: 1.5 to 3 hours, build one mini game or mini app
- •Full course: 8 to 10 lessons of 1.5 to 2.5 hours, build an advanced web app
Suggested syllabus (10 lessons)
- •App user flows and generative AI basics
- •Prompt engineering with the CCF framework, build an AI assistant
- •Mini game build: from idea to prompting
- •Design thinking: finding real-life and learning problems
- •SWDCA system design and planning
- •Hands-on build (1): rapid prototype and interface
- •Hands-on build (2): core features, API and OCR
- •E.A.T. testing, debugging and fine-tuning
- •Project showcase
- •App maintenance, version control and AI career sharing
Assessment
- •Class participation and in-class exercises (40%)
- •Individual or group final project (60%)
Support
- •Pre-course meeting two weeks ahead to confirm equipment and student level
- •Two tutors per lesson, about 1:10 ratio
- •Lesson reports after each session, plus a student assessment report and all materials at the end
Equipment
- •Projector and stable Wi-Fi
- •One computer or tablet per student or group
Learning Content
1. Vibe Coding vs Traditional Coding
Compare AI-assisted coding with traditional coding, and see why clear thinking and precise wording are the new coding skills.
2. Prompt Engineering Workflow
Use the CCF framework and the describe → generate → refine → implement loop so AI understands features, flows and screens.
3. Build a Web Mini Game
Design gameplay, scoring and rewards, then use prompts to build a playable web app game.
4. Create an AI Assistant
Set the AI’s persona, rules and knowledge base to build your own revision or advisory AI agent.
5. Develop Mobile & Desktop Web Apps
Add login, data storage, API and OCR features to finish a daily-use app that works on any device.
6. Understand Digital Transformation
Learn front end, back end, databases and APIs, and turn paper-based school and daily routines into digital solutions.
Learning Outcomes
Starter project 1: Interactive web mini game
Turn gameplay, scoring, rewards and edge cases into prompts and finish a game you can play straight away.
Starter project 2: AI assistant (AI agent)
Set the AI’s persona, reply style and dos and don’ts, then add a knowledge base, e.g. a "revision buddy" or "community health advisor".
Advanced project: Web app for mobile and desktop
Build a daily-use app with vibe coding, such as a class voting system with login and permissions, an OCR receipt expense tracker or an English vocabulary quiz.
Class showcase wall
Our team builds a Gallery Dashboard for each class so teachers and students can browse and try every project.
Add-on Services
• 工作坊加購顧問服務
– 為有意進階開發 AI 專案的學生或團隊提供額外一對一輔導及顧問支持。
• 校園活動攝影 / 錄影
– 為工作坊全程拍攝並剪輯精華片段，用作日後校內宣傳或紀錄。
• STEM Demo Day 支援
– 協助學校在大型展覽或開放日中設立 AI 創客攤位，讓更多學生及家長體驗 AI 工具。
• 設備與軟體採購諮詢
– 若學校或機構需要添置新的電腦、配件或 AI 軟體，我們可提供專業採購建議及團購。
FAQ
Do students need coding experience?
No. Students work with AI in natural language. Logic and clear communication matter most.
Is it suitable for primary students?
Yes, for P4 to P6. Content focuses on mini games and AI assistants, adjusted to their level.
What will students make?
A web mini game, an AI assistant and a web app that works on phones and computers.
Can the course fit our timetable?
Yes. We offer taster workshops and 8 to 10 lesson courses, adjusted to your school’s needs.
Ready to Bring This Course to Your School?
Schools, companies and organisations are welcome to enquire