Miimu

Vibe Coding: First Projects and Tools

miimu.lifehacksby miimu.lifehacks 40 cards

A starter set for building a first small app with AI: project ideas, tools, prompting guides, code and version control, and hosting. Sections follow the order of a project, from idea to live link. Add your own prompts, repos and links as the project grows.

Claude chat: a first web app, built together Claude chat: a first web app, built together
One prompt that built a working habit tracker, explained the code, showed how to put it online and wrote the next prompts.
claude.ai
Three Habits: the working habit tracker Three Habits: the working habit tracker
A habit tracker for three daily habits with check-ins saved in the browser and a streak for each.
claude.ai
Vibe Coding Explained: Tools and Guides Vibe Coding Explained: Tools and Guides
Discover how vibe coding and production-grade vibe deploying are transforming software development. Compare top tools like Antigravity and AI Studio.
cloud.google.com
Vibe coding Vibe coding
Encyclopedia entry on vibe coding: the term’s origin, how people use it, and early reactions to AI-generated software.
en.wikipedia.org
Learn Cursor: Official Tutorials Learn Cursor: Official Tutorials
Official Cursor tutorials. Learn AI foundations, coding with agents, and reviewing & testing code.
cursor.com
20 vibe coding project ideas you can actually finish this weekend 20 vibe coding project ideas you can actually finish this weekend
Explore the best vibe coding project ideas to practice development with AI, build real-world apps, and improve your coding skills faster.
base44.com
AI Coding Agent: Build Apps Through Chat | Replit AI Coding Agent: Build Apps Through Chat | Replit
Build production-ready apps and websites with Replit Agent. Describe what you need, then let AI write, test, fix, and publish your software.
replit.com
Effective prompting with Replit AI Effective prompting with Replit AI
Learn principles and see examples for writing effective prompts when using Replit Agent.
docs.replit.com
Hello World | GitHub Docs Hello World | GitHub Docs
GitHub’s Hello World tutorial: create a repository, start a branch, commit changes and open and merge a pull request.
docs.github.com
Publish to a Domain | Vercel Academy Publish to a Domain | Vercel Academy
Publish your v0 site to Vercel, then buy and connect a custom domain so visitors can find it at a real URL.
vercel.com

Pick a first project

Claude chat: a first web app, built together Claude chat: a first web app, built together
One prompt that built a working habit tracker, explained the code, showed how to put it online and wrote the next prompts.
claude.ai
Three Habits: the working habit tracker Three Habits: the working habit tracker
A habit tracker for three daily habits with check-ins saved in the browser and a streak for each.
claude.ai
20 vibe coding project ideas you can actually finish this weekend 20 vibe coding project ideas you can actually finish this weekend
Explore the best vibe coding project ideas to practice development with AI, build real-world apps, and improve your coding skills faster.
base44.com
Website Templates for AI-Powered Apps and Sites Website Templates for AI-Powered Apps and Sites
Browse no-code and AI-powered website and app templates you can customise and launch fast with Lovable.
lovable.dev
Build apps in Google AI Studio Build apps in Google AI Studio
Learn how to build full-stack applications using the vibe coding experience in Google AI Studio.
ai.google.dev
v0 Templates v0 Templates
Your collaborative AI assistant to design, iterate, and scale full-stack applications for the web.
v0.app
Replit Gallery Replit Gallery
Browse community-built Replit projects by category, including productivity, education, marketing and developer tools.
replit.com

Tools

AI Coding Agent: Build Apps Through Chat | Replit AI Coding Agent: Build Apps Through Chat | Replit
Build production-ready apps and websites with Replit Agent. Describe what you need, then let AI write, test, fix, and publish your software.
replit.com
v0 by Vercel: Build Full-Stack Web Apps with AI v0 by Vercel: Build Full-Stack Web Apps with AI
Your collaborative AI assistant to design, iterate, and scale full-stack applications for the web.
v0.app
Bolt AI builder: Websites, apps and prototypes Bolt AI builder: Websites, apps and prototypes
Build and scale high-performing websites & apps using your words. Join millions and start building today.
bolt.new
AI Coding Agent for Building Ambitious Software | Cursor AI Coding Agent for Building Ambitious Software | Cursor
Built to make you extraordinarily productive, agents turn ideas into code. Accelerate development by handing off tasks to Cursor.
cursor.com
Claude Code by Anthropic Claude Code by Anthropic
Anthropic's agentic coding tool for developers. Claude Code understands your codebase, edits files, runs commands, and helps you ship faster.
claude.com

Prompts that work

Five prompts to add features next Five prompts to add features next
Copy a prompt, paste it into a new chat with your current code and get the updated file back.
claude.ai
Effective prompting with Replit AI Effective prompting with Replit AI
Learn principles and see examples for writing effective prompts when using Replit Agent.
docs.replit.com
Prompting best practices | Lovable Documentation Prompting best practices | Lovable Documentation
Plan before you prompt, build by component, use real content, and apply design buzzwords to get consistent, high-quality results.
docs.lovable.dev
v0 Vibecoding Guide | Vercel Academy v0 Vibecoding Guide | Vercel Academy
A quick-reference guide for prompting v0. Patterns that work, anti-patterns to avoid, and copy-pasteable starter prompts for your next project.
vercel.com
Prompt engineering for GitHub Copilot Prompt engineering for GitHub Copilot
GitHub’s guidance on writing prompts for Copilot: start general then specific, give examples, break tasks down and avoid ambiguity.
docs.github.com
Best practices for Claude Code Best practices for Claude Code
Tips and patterns for getting the most out of Claude Code, from configuring your environment to scaling across parallel sessions.
code.claude.com

Code and version control

How the habit tracker works, in plain words How the habit tracker works, in plain words
A tour of every part of the code for someone who has never programmed, with small edits to try.
claude.ai
Hello World | GitHub Docs Hello World | GitHub Docs
GitHub’s Hello World tutorial: create a repository, start a branch, commit changes and open and merge a pull request.
docs.github.com
What is version control | Atlassian Git Tutorial What is version control | Atlassian Git Tutorial
Version control is the practice of tracking and managing changes to software code. Learn about the benefits of version control systems here.
atlassian.com
Creating gists | GitHub Docs Creating gists | GitHub Docs
GitHub’s instructions for creating gists, small shareable snippets of code or text.
docs.github.com
Fireship Fireship
High-intensity ⚡ code tutorials and tech news to help you ship your app faster. New videos every week covering the topics every programmer should k...
youtube.com
OWASP Top 10 OWASP Top 10
The OWASP Top 10 is the reference standard for the most critical web application security risks. Adopting the OWASP Top 10 is perhaps the most effe...
owasp.org

Ship it

Put the app online free with GitHub Pages Put the app online free with GitHub Pages
Step by step from a new GitHub account to a live address, in about 15 minutes.
claude.ai
Publish to a Domain | Vercel Academy Publish to a Domain | Vercel Academy
Publish your v0 site to Vercel, then buy and connect a custom domain so visitors can find it at a real URL.
vercel.com
Deploy from your repository | Netlify Docs Deploy from your repository | Netlify Docs
To deploy your project from an existing trusted codebase, deploy from a repository hosted on your chosen Git provider, such as GitHub, GitLab, Bitb...
docs.netlify.com
Creating a GitHub Pages site | GitHub Docs Creating a GitHub Pages site | GitHub Docs
GitHub’s guide to creating a GitHub Pages site from a repository.
docs.github.com
Publish your app | Replit Publish your app | Replit
Choose release settings, publish your app, verify the live version, and monitor it after launch.
docs.replit.com
Getting started | Cloudflare Pages Getting started | Cloudflare Pages
Choose a setup method to create and deploy your Cloudflare Pages project.
developers.cloudflare.com