Workshop Objective:
Show how teams can go from AI-generated UI to live production components in under an hour.
Workshop Agenda:
Part 1: Kickoff & Setup
- - Quick intro to the Pluggable AI method
- - Walk through a real example already running in production
- - Align on the selected AI/visual tool (Claude, Gemini, etc.)
- - Choose 1–2 UI components to work with
- - Define what’s needed to make the component pluggable
- - Select the host app
Part 2: Generate the Component
- - Use the selected AI tool to generate the UI component
- - Myop team helps ensure it fits integration guidelines (structure, format)
Part 3: Integration Preps
- - Identifying where the component connects (logic hook)
- -Review generated component and prepare for connection
Part 4: Plug It Live
- - Plug the component into the live app using Myop's open source
- - Optional: test versioning, A/B testing, segmentation, gradual rollout
Part 5: Wrap-Up
- - Recap effort vs. outcome
- - Q&A
This workshop has been presented at AI Coding Summit, check out the latest edition of this Tech Conference.