Build & Ship LINE MINI App with MINI AI Studio

A session from LINE THAILAND DEVELOPER CONFERENCE 2025 by Thanarat Ruangrat, 2nd Runner-up LINE HACK 2023

Transcript

1. Build & Ship LINE MINI App with MINI AI Studio By Thanarat Ruangrat
2. 2020 Finalist 2018 2nd runner-up 2019 1st runner-up 2023 2nd runner-up ตู้ ธนรัฐ
4. 1st Runner-up
5. AI Generated Google Nano Banana
6. The journey of Coding’ tools
7. Cave painting Stone Age Image : Wikipedia / AI generated Analytical Engine 1837 First high-level prog. language 1957 The journey of Coding’ tools
8. Image : AI Generated AI & Copilots 2020s Collaboration & Automation 2005s IDE, Structured programming 1990s The journey of Coding’ tools
9. GenAI App Builders Landscape Easy + More Code Advance + Low Code Advance + More Code Easy + No Code Code First No Code Advanced Easy to use
10. Generate Hangman Game
11. Integration / Infrastructure / Deployment 30% 70%
12. What if ? Understand the context of LINE MINI app Be DevOps-ready for LINE MINI Apps
13. Introducing.. Connect your Data Sources 1 Deep integration with LIFF API 2 DevOps Ready 3 MINI AI Studio Build & Ship LINE MINI App
14. Popup Quiz Connect your Data Sources Google Sheets 1 MINI AI Studio Hangman Game with Google Sheets
15. Deep integration with LIFF API getProfile , scanCodeV2, sendMessages 2 Loyalty Program Profile / Scan / Summary Point MINI AI Studio
16. DevOps Ready Multiple Environment Developing / Review / Published 3 Mobile Testing MINI AI Studio
17. Architecture MINI AI Studio Prompt Multi-Agents Why not single agent ? MINI AI Studio
18. Popup Quiz What happen if you take “Single Agent” too far…? (A) Coding get complicated (C) Agent get slower and more expensive (B) Agent get confused
19. Architecture MINI AI Studio Prompt LINE MINI App UI/Logic Agent LIFF Agent Validator Agent Parallel Supervisor Agent Agent Squad Developer Designer Tester Tech Lead Multi-Agents
20. One-shot One example provided Guides the model on format & style “สวัสดี= hello ลาก่อน = ?” Few-shot Multiple examples provided Improves consistency & accuracy “Here are 3 examples … Classify this one: _____” Zero-shot No example given. Relies on model’s general knowledge “Translate this text in to Thai.” Prompting Style
21. You call Gemini API with prompt: “Generate hangman game with javascript” Which prompting style are you using? (A) Zero-shot (B) One-shot (C) Few-shot Popup Quiz
22. UI / Logic Agent logicAgent = OpenAIAgent(OpenAIAgentOptions( name = 'UI Logic Agent', description = 'An assistant that design user interfaces and application logic.’, api_key='your-openai-api-key’, custom_system_prompt={ 'template’: 'You are UI Logic Designer, specialized in user interface and application logic design. {{FEWSHOT_EXAMPLE}}', ‘variables’: { ‘FEWSHOT_EXAMPLE’: '...’, } } ))
23. LIFF Agent liffAgent = OpenAIAgent(OpenAIAgentOptions( name = ‘LIFF Developer', description = 'A developer that develops LINE LIFF applications with LIFF API.', api_key='your-openai-api-key’, custom_system_prompt={ 'template': 'You are a software developer specializing in LINE LIFF applications. Provide working code for developing with the LIFF API. {{FEWSHOT_EXAMPLE}}’, ‘variables’: { ‘FEWSHOT_EXAMPLE’: '...’, } }
24. validtorAgent = OpenAIAgent(OpenAIAgentOptions( name = 'UI/Logic Tester', description = 'An assistant that tests user interfaces and application logic, identifying usability issues, inconsistencies, and logical errors while suggesting improvements.’, api_key='your-openai-api-key’, custom_system_prompt={ 'template': 'You are UI Logic Tester, a helpful AI assistant specialized in user interface and application logic testing. Evaluate designs, workflows, and features for usability, consistency, and logical correctness. Clearly report issues and suggest practical improvements.' } )) Validator Agent
25. supervisor_agent = SupervisorAgent(SupervisorAgentOptions( name: "SupervisorAgent", description: "You are a tech lead that manages the team of agents for software development", lead_agent= AnthropicAgent(AnthropicAgentOptions( name='Tech lead', description='A tech lead that manage the team of agents for software development', api_key='your-anthropic-api-key’ )), team=[ logicAgent, liffAgent, validatorAgent ] )) Supervisor Agent
26. Agent Squad : Multi-agent Architecture UI/Logic Agent LIFF Agent Validator Agent Parallel Supervisor Agent Developer Designer Tester Tech Lead
27. Tech stack
30. Demo how to build LINE MINI App Show time Build & Ship LINE MINI App with MINI AI Studio MINI AI Studio
31. Demo how to build LINE MINI App Let’s BUILD MINI AI Studio
32. Demo how to build LINE MINI App Now SHIP! MINI AI Studio
33. Demo how to build LINE MINI App Now SHIP! Update LINE Web app settings : Endpoint URL MINI AI Studio
34. LINE MINI App Build & Ship in minutes. MINI AI Studio
35. 75% of Enterprise Software Engineers Will Use AI Code Assistants by 2028 Gartner 2024 Human AI
36. Reliability & Safety Don’t give unsafe outputs. Transparency Cleary show AI-generated. Accountability Keep human in the loop. Inclusiveness Empower everyone. Privacy & Security Protect user data & privacy. Fairness Treat all people equally. Responsible AI
37. Build & Ship LINE MINI App with MINI AI Studio Thanarat Dev Thanarat Ruangrat | Sep 13, 2025 ผมเชื่อว่าทุกคนมี“prompt” ของตัวเอง เริ่ม 1% ทุกวัน เดี๋ยวมันก็เป็นจริงครับ