Interactive Workshop Experience
Prototyping with AI "Studio of 1"
Discover the art of vibe coding and essential attributes for thriving in the AI-powered development landscape
270 minutes
Interactive format
Scroll to explore
About Your Instructor
Carlos Armada is Director of Product at name.com, where he leads the company's shift into one of the first AI-native domain registrars. He focuses on the intersection of AI, product design, and human experience—pioneering "vibe coding" approaches that let non-technical creators prototype and build with code-like power.
Carlos has shared his work at industry conferences and with design and product teams, bringing a practical lens on how AI is reshaping the way we design, prototype, and build.
Workshop Agenda
A workshop designed to introduce vibe coding and get hands-on experience building with AI.
Total Duration: 80 minutes
Welcome & Introductions
10 minGetting to know each other and setting the stage for our vibe coding journey
Key Attributes in the AI Era
10 minEssential skills and mindsets for thriving in AI-powered building environments
What is Vibe Coding?
5 minHigh level overview of what is vibe coding and how it is being used
My real-world experience
20 minExploring vibe coding projects and how I have used these tools to-date
How does this apply to human-centered design?
20 minMy take on how this is changing the way people build, design, and prototype - specific to human-centered design audience
Making things real with APIs
10 minExplore free and simple APIs to demonstrate how to build your first prototypes
Wrap-up & building portion of workshop
5 minKey takeaways and resources for the build portion of the workshop
Interactive Experience
This workshop is designed to be highly interactive. Come prepared to engage, ask questions, and share your own experiences with AI-assisted development.
Key Attributes for the AI Era
Essential mindsets and skills that define successful developers in the age of AI
Scrappiness
Get stuff done with very little
Learn to Learn
Understand how you learn, and be obsessive about it
Communication
Perfect the ability to articulate your thoughts clearly
Culture
Eliminate your ego and expand your horizons
What is Vibe Coding?
Vibe coding is a new way of building with AI that focuses less on perfect syntax and more on creative exploration. Instead of starting with a detailed plan or technical specification, you "set the vibe" — describing the feeling, intention, or concept you want to create — and then collaborate with AI tools to generate prototypes.
For human-centered designers, vibe coding unlocks faster ways to bring ideas to life. You don't need to be an expert programmer; you can sketch an interaction, describe an experience, or share the mood of a concept, and the AI helps you translate that into working code, visuals, or simulations. This lets you test ideas earlier, expand the range of what you can prototype, and keep the focus on people and possibilities rather than technical barriers.
In short: vibe coding is prototyping through conversation — a way of designing with AI that matches the creative, iterative spirit of human-centered design.
My Real-World Examples
I will discuss how I have used vibe coding in my professional life today. From product demos to feature launches, these tools are part of my daily tasks.
v0AI Gatewaynamecom API21st.dev
namehack.ing
Using Vercel's AI gateway + name.com API to test the best AI name hacking LLM.
v0namecom API
TLD Requirements
Dynamic frontend generation based on name.com's new TLD Requirements API endpoint for seamless domain registration.
v0Neon DBOpenAI
Domain Logo Generator
AI-powered logo creation using ChatGPT analysis and image generation to merchandise domain names effectively.
Tips for Effective Prompting
Master the art of AI collaboration with these proven strategies for getting better results from your prompts.
Be Specific
Instead of 'make a website', say 'create a landing page for a SaaS product with pricing tiers and testimonials'.
Provide Context
Share your brand colors, target audience, and business goals to get more relevant results.
Break Down Complex Requests
Large projects work better when split into smaller, focused tasks that build upon each other.
Iterate and Refine
Start with a basic version, then ask for specific improvements rather than trying to get everything perfect initially.
Use Examples
Reference existing websites, apps, or designs you like to communicate your vision more clearly.
Mention Technical Requirements
Specify if you need mobile responsiveness, accessibility features, or specific integrations upfront.
Describe the User Experience
Explain how users should interact with your app and what actions they need to complete.
Test and Validate
Ask for screenshots or previews to verify the output matches your expectations before moving forward.
Learn More from Leading AI Coding Platforms
Applying the Key Attributes to EDI
How the key AI attributes apply to designers focused on learning and solving for user needs
Example Projects using Public APIs
Real projects built using public APIs and the vibe coding methodology - from concept to deployment in a couple prompts.
Using Public & Free APIs
Pokedex API
Retro Weather App
Carmada.bio
Bitcoin Terminal
Ready to Build Your Own?
The next phase of the workshop is about building a functioning prototype. Not just basic components, but I challenge you to implement real functionality—whether with APIs or without. To accomplish this in just a couple of hours, keep your scope focused and your vision clear.
Want to build an LLM?
Want to send emails?
Want to avoid AI slop?
Looking for data?
