Prompt away the pain
Vibe Coding is a revolutionary approach to software development where you harness the power of artificial intelligence to create amazing digital experiences without writing a single line of code yourself!
It's about collaborating with AI to bring your creative vision to life, letting the machines handle the technical implementation while you focus on the big picture, user experience, and creative direction.
Think of it as having a super-powered coding assistant that never gets tired, knows every programming language, and can instantly implement your wildest ideas. You provide the vision, creativity, and strategic thinking – AI handles the syntax, debugging, and technical execution!
We'd like you to use Vibe Coding techniques to create a two page website (main page and careers page). Similar to our company website. Include similar sections, e.g. what tech we do, who our customers are. Your website must contain all AI generated content, don't add your own content. We'd also like to see some AI generated images / videos.
Time limit: You have 1h20m to create your website. The 40mins session is for presenting back.
Whilst you're using AI to generate your website, make a note of what is going well and what is not. At least 5 bullet points.
At the end of the session, we'd like all teams to showcase their website and include their 5 bullet points of their experiences.
Please be careful with prompts into LLMs: make up your own company name, customers etc. Don't use anything related to us.
In your teams, decide who is going to take on the following tasks:
> Be the creative director
> Generating the prompts
> Design the website content and layout / style
> Generate the AI images / videos
> Collate the list of learnings
> Present back the website at the end
Build a stunning two-page company website that showcases your team's creativity and AI collaboration skills!
At the session end, present your website to everyone:
You MUST Vibe Code your entire website – every line of code, every design element, every piece of content must be generated through AI collaboration.
You are NOT ALLOWED to manually edit any code yourself. Everything must flow through your AI assistant. Think of yourself as the creative director, not the coder!
DISCLAIMER: Try to not edit the code yourself, but small edits are fine to ensure flow and combining different AI generated elements.
There are no limits to your imagination – just remember that your AI assistant is your implementation partner, not your idea generator. The vision is yours!
You may need to consider free limits / accounts — choose your
prompts carefully.
Remember you are a team.
Versatile AI for code generation and problem-solving. Great for brainstorming and iterative development.
AI image generation platforms. Create stunning visuals, logos, and graphics for your website.
Open-source AI image generator. Free alternative for creating custom images and graphics.
AI pair programmer with real-time code suggestions and completion capabilities.
Online coding environment with AI features. Code, host, and deploy with AI assistance.
Advanced AI assistant for coding, writing, and creative tasks. Perfect for generating code, content, and getting technical advice.
These have not been tested or checked — all AI Generated 😉
How original and innovative is your website concept and execution?
How effectively did you collaborate with AI to achieve your vision?
How well does your website meet all the specified requirements?
How engaging and informative is your final presentation?
What additional functionality or wow factors did you include?
How well have you worked as a team to achieve the goal?
Is your website functional and look good?
Have you made people laugh?