From Idea to Production — Spec-Driven Development with Kiro IDE
Friday, 28 August 2026
13:00 – 16:00 (3 hours)
LMWN HQ, One Bangkok Tower 4 (24F), Training Room
40 Students (8 groups × 5)
Hands-On with Kiro IDE
Workshop Logistics
Key information at a glance
Participants
40 Students
CEDT, Chulalongkorn Univ.
Groups
8 groups × 5 people
Mixed year levels (arranged by LMWN)
Judges
2 people
1 LMWN (VP of Engineering) + 1 AWS
Facilitators
2 people (LMWN)
Dab (Frontend) + Nutchy (Backend)
AWS Team
4 people confirmed
Yo, Theerapat, Sea, Sawit
Workshop Prompt
By AWS
Innovation Challenge theme
Workshop Outcomes
What participants will gain
Outcome 1
Understand the AI-Driven Development Lifecycle (AI-DLC)
Outcome 2
Use Kiro IDE to build an app with Spec-Driven Development
Outcome 3
Compete in the Innovation Challenge using the AI-DLC workflow
Outcome 4
Know the strengths of Vibe Coding vs. Spec-Driven — use the right one at the right time
Kiro is free during preview — every student can sign up and keep using it after the workshop
Pre-Workshop Preparation (Required)
Must be completed before the event — to keep the hands-on session running smoothly
Students
Install Kiro IDE in advance
Download & Install: kiro.dev/docs/getting-started/installation/ Platforms: macOS, Windows, Linux Requirement: a free AWS account (no credit card needed) Estimated install time: 10–15 minutes
AWS
Prepare content + lab environment
AWS will prepare the workshop content, hands-on lab materials, and provision the lab environment for every participant — students only need to install Kiro beforehand
CEDT
Arrange groups in advance
8 groups × 5 students, mixed across Years 1–4 to encourage cross-year learning — the faculty arranges the groups before the event
Agenda
Session Timeline
13:00 – 16:00 | Total 3 hours (180 min)
Time
Session
Duration
Format
13:00 – 13:10
Welcome & Opening
10 min
Opening
13:10 – 13:40
Introduction to AI-DLC
30 min
Presentation
13:40 – 14:10
Live demo: AI-Driven DLC
30 min
Live Demo
14:10 – 14:20
Break
10 min
☕
14:20 – 15:10
Hands-on Workshop
50 min
Hands-On
15:10 – 15:40
Innovation Challenge
30 min
Team Challenge
15:40 – 15:55
Judging, Feedback & Awards
15 min
Judging
15:55 – 16:00
Closing & Group Photo
5 min
Closing
Session Details
1
Welcome & Opening
13:00 – 13:10 | 10 min
Welcome & Introduction of Objectives
Introduce the LMWN × AWS collaboration, workshop overview, Innovation Challenge rules, and group assignment (8 groups × 5 students, mixed year levels)
2
Introduction to AI-DLC
13:10 – 13:40 | 30 min | Presentation
Objective: Understand the problem with Vibe Coding and the AI-Driven Development Lifecycle concept that Kiro introduces
10 min
The Vibe Coding Problem
AI generates code fast — but without structure, leading to code drift, bugs, and hard maintenance. "Works on my prompt" is the new "works on my machine"
10 min
AI-DLC with Kiro — Spec-Driven Development
AI-powered IDE built on VS Code. Two modes: Vibe (prototyping) and Spec-Driven (production). Flow: Requirements → Specs → Design → Tasks → Code — full traceability
10 min
Kiro Killer Features
Steering (course-correct AI mid-task), Hooks (automated guardrails on save), Multi-file agentic edits, MCP tool integration. Free throughout the preview period
3
Live demo: AI-Driven DLC
13:40 – 14:10 | 30 min | Live Coding Demo
Objective: Watch a real app being built end-to-end using Kiro's spec-driven workflow — from a single sentence to working code + tests
*Confirmed by LMWN: renamed this session from "Kiro IDE Capabilities" to "Live demo: AI-Driven DLC"
Live Demo
Build a Feature End-to-End with AI-DLC
Product requirement → Kiro generates spec → design doc → task breakdown → implement code with tests → Hooks auto-validate. All steps in a single flow
Demo Flow: Vibe Mode (quick prototype) → notice the problem (code drift, missing tests) → switch to Spec-Driven → see the difference clearly
14:10 – 14:20 | Break (10 min)
4
Hands-on Workshop
14:20 – 15:10 | 50 min | Group Practice with Kiro
Objective: Hands-on practice — install Kiro, use the Spec-Driven workflow, build an app in preparation for the Innovation Challenge
Phase 1 | 10 min
Setup & First Prompt
Sign in to Kiro, explore the interface, try Vibe mode — generate a simple app from a single prompt. Understand inline diff, accept/reject
Phase 2 | 20 min
Spec-Driven: From Idea to Tasks
Write a requirement → Kiro generates spec + user stories → review the design doc → view the task list. Practice Steering — correct the AI when it goes off track
Phase 3 | 20 min
Execute Tasks & Use Hooks
Have Kiro implement tasks one at a time. Set up Hooks: auto-generate tests, auto-update docs, run linter on save. Use Steering to correct mid-generation
Vibe Coding Starter Prompts (for Phase 1)
Copy a prompt below → paste it into Kiro in Vibe mode → press Enter — build a real app with a single prompt, no requirement writing needed
Simple CalculatorEasiest to start
Build a single-page calculator web app using HTML, CSS, and JavaScript in one file (index.html)
- Number buttons 0-9, decimal point, add, subtract, multiply, divide, equals, clear
- Display screen at the top, large easy-to-read digits
- Beautiful, modern design in a purple-white color scheme with a hover effect on button press
- Also supports keyboard input for buttons
- Works fully in the browser with no backend needed
To-Do List AppEasiest to start
Build a single-page To-Do List web app using HTML, CSS, and JavaScript in one file (index.html)
- Input box to type a new task, and an "Add" button
- Each task has a checkbox to mark it done (strike through the text when checked) and a delete button
- Show the number of remaining tasks at the bottom
- Save data to localStorage so data survives a page refresh
- Beautiful design in a purple-white color scheme, each task in its own card, with animation on add/remove
Memory Card GameIntermediate
Build a memory matching card game as a single page using HTML, CSS, and JavaScript in one file (index.html)
- Board has 16 cards (8 pairs) in a 4x4 grid, using emoji as the symbols on each card
- All cards start face down; click to flip. Only 2 cards can be open at a time
- If a pair matches, keep both cards open; if not, flip them back after 1 second
- Count the number of moves and track elapsed time
- Show a "You Won!" message with a summary of time and move count once all pairs are matched
- Include a "Restart" button that shuffles the card positions each time
- Beautiful design in a purple-white color scheme with animation on card flip
Habit TrackerIntermediate
Build a Habit Tracker web app as a single page using HTML, CSS, and JavaScript in one file (index.html)
- Users can add "habits they want to build" (e.g. drink water, read a book, exercise)
- Each habit shows as a row with 7 circles representing the 7 days of the week; click a circle to mark it done
- Calculate the "streak" (number of consecutive successful days) shown as a number with a fire icon
- Save data to localStorage
- Beautiful design in a purple-white color scheme with a motivational feel
Restaurant Menu BrowserLMWN-themed
Build a restaurant menu browser web app as a single page using HTML, CSS, and JavaScript in one file (index.html)
- Create 12 sample menu items (name, price, category e.g. Main/Dessert/Drinks, with an emoji image)
- Include a search box to filter by menu name in real time
- Include category filter chips that can be selected
- Each menu item shows as a nice card with an "Add to cart" button
- Show a cart on the right side, or a popup when adding, with the total price
- Beautiful, modern design in a warm (orange/red) color scheme like a food delivery app
Delivery Order TrackerLMWN-themed
Build a food delivery order tracker web app as a single page using HTML, CSS, and JavaScript in one file (index.html)
- Show a vertical timeline with 5 order stages: Order received → Restaurant preparing → Rider assigned → On the way → Delivered
- Include a "Simulate next stage" button to advance the status one step at a time, with animation
- Each stage shows an estimated time (ETA) that counts down
- Show simulated rider info (name, rating, vehicle) once the "Rider assigned" stage is reached
- Beautiful, modern design in a green-white color scheme like a delivery app
Group work: Work in groups (5 people) — split roles: spec writer, reviewer, implementer. Everyone uses Kiro but collaborates together Facilitators: Dab (Apicha, Frontend Engineer) + Nutchy (Chayanon, Backend Engineer) from LMWN will guide each group
5
Innovation Challenge
15:10 – 15:40 | 30 min | Team Competition
Objective: Use the full AI-DLC workflow you learned to build a solution for the AWS-set challenge within the time limit — 8 groups compete
Innovation Challenge Prompt
LMWN Next Feature
Design and build one new feature that would improve the LMWN platform (Lineman / Wongnai) using AI/ML as the core of that feature
Target Users (choose 1)
User / Rider / Merchant
Choose one target group and clearly identify the pain point — what problem will your feature solve?
Requirements
Must use Kiro Spec-Driven Mode throughout
Deliverables (30 minutes):
1. Requirements document (in Kiro)
2. Design document + User Stories
3. Working code (partial OK) — at least 1 task must be implemented
4. At least 1 Hook set up (e.g. auto-test, auto-lint)
Constraints
Keep the scope small enough to be achievable
- The feature must have an AI/ML component (e.g. recommendation, NLP, prediction, image recognition, personalization)
- Frontend / backend / fullstack, any language is fine
- No real deployment needed — the code just needs to work locally / pass tests
Idea Starters (example inspirations)
You don't have to follow these — come up with your own idea!
- AI recommends menu items based on weather + order history
- Smart ETA that adjusts to real-time traffic conditions for the rider
- A fake-review detection system using NLP
- AI-generated menu descriptions + images for merchants
- AI chatbot to help riders navigate + plan routes for multiple orders
Judging Criteria
1. Spec & Design Quality
Clear requirements, realistic User Stories, a design doc with sound logic
30%
2. AI/ML Integration
AI is not just a gimmick — it solves a real problem with an appropriate approach
25%
3. Code Quality
Readable code, has tests, uses Hooks, implemented according to the task
25%
4. Creativity & Impact
A fresh idea that would have real impact on users if implemented
20%
6
Judging, Feedback & Awards
15:40 – 15:55 | 15 min
Judges: Confirmed by LMWN — 2 people
LMWN
VP of Engineering
Industry & leadership perspective — looking at practicality, engineering quality, and real-world applicability
AWS
Solutions Architect
Technical perspective — looking at use of the AI-DLC workflow, spec quality, Kiro feature utilization, and innovation
Each group pitches for 1-2 minutes → Judges give feedback → Winners + Awards announced
7
Closing & Group Photo
15:55 – 16:00 | 5 min
Key Takeaways & Next Steps Summary
Kiro is free throughout the preview — keep using it right away. Join the community, try MCP integration, bring AI-DLC to your real projects
Resources
Continue with Kiro
Free tools and community
Get Kiro (Free Preview)
Download at kiro.dev — sign in with AWS Builder ID, Google, or GitHub. Available on macOS, Windows, and Linux.
Kiro Documentation
Full docs on specs, hooks, steering, and MCP integration at kiro.dev/docs
Community & Feedback
Join the Kiro community — share specs, hooks, workflows. Your feedback shapes the product.