Technical Museum · AI Coding Workshop

Build with AI Coding
Assistants

In this hands-on workshop you will see how modern AI tools help developers write, refactor, and ship code faster than ever — then you will build your own department web page in minutes.

How the workshop works

Four simple steps to your first AI-assisted page

01

Open the Editor

Navigate to the "Department Intro" page using the button below or the link in the header.

02

Fill in Your Department

Enter your department name, a short tagline, what you do, and a fun fact about your team.

03

Watch AI Help You

See how the AI coding assistant turns your inputs into a polished, styled web page — live.

04

Share & Iterate

Show your result to the group. Try tweaking the content and watch the page update instantly.

What powers this demo

The same tools real-world teams use every day

Instant Feedback

Hot-reload means every change appears in the browser immediately.

🤖

AI Pair Programming

The AI understands your codebase context and suggests meaningful changes.

🎨

Pre-built Components

shadcn/ui + Tailwind give you polished UI primitives out of the box.

🔒

Safe Sandbox

Everything runs in an isolated container — experiment without fear.

Ready to build your page?

Click below to open the department intro builder and create your page with the help of an AI coding assistant.