5. Figma MCP
Give tools like Cursor, Windsurf, and Cline direct access to your Figma files.
With real design data, Cursor generates UI code far more accurately than relying on pasted screenshots.
https://t.co/ehqbzfzR0N
We have created a list of Cursor rules you can copy and paste into your codebase!
Each rule comes with a sample description and glob pattern so that your rule is only applied to the appropriate use case.
What other sample rules should we create on top of what we have now?
the fastest way to validate an idea
1. create a landing page in 2 hours
2. add a waitlist form
3. post it everywhere: reddit, x, linkedin
4. get 100+ emails → build the mvp
5. get 10 paying users → scale it
6. get 0? kill it and try again
your first idea won’t work. your 5th might.
I saw a lot of people paying $20/month for a database, $20/month for project hosting, and so on
Guys, just get a VPS + Coolify! For just $9/month, you can host unlimited projects, databases, n8n instance and more
It's not just a small saving, it’s a game changer!
Tomorrow I'm competing against @BrettFromDJ in a design battle – he's using webflow and I'm using @lovable
Me:
- zero design experience
- zero money made building websites
- 4 months of using lovable
Brett:
- 10y+ professional design experience
- $145K/month building websites
- 5+ years using webflow
The fact that this is even a match is ridiculous, the fact that I'll probably win is even more so.
See you tomorrow.
Here’s how to build a Slack clone with Claude 3.7 Sonnet and Cursor Agent in v0.46.
Perfect for *anyone* wanting to pick up AI coding tools.
Learn how to build an app 100% from scratch with the newest AI coding workflows.
Watch for 1hr+ of agentic coding.
Claude Sonnet 3.7 Coding Test
Prompt: Create a single HTML file containing CSS and JavaScript to generate an animated weather card. The card should visually represent the following weather conditions with distinct animations: Wind: (e.g., moving clouds, swaying trees, or wind lines) Rain: (e.g., falling raindrops, puddles forming) Sun: (e.g., shining rays, bright background) Snow: (e.g., falling snowflakes, snow accumulating) Show all the weather card side by side The card should have a dark background. Provide all the HTML, CSS, and JavaScript code within this single file. The JavaScript should include a way to switch between the different weather conditions (e.g., a function or a set of buttons) to demonstrate the animations for each.
How I designed and built a PWA using AI
The client wanted a mobile app, but I recommended a PWA for faster development and lower costs.
Here is how I designed, built, and launched it using AI.
This is my o1-pro workflow guide for building apps from a starting template.
It’s honestly *crazy* good.
4hr+ detailed 6-prompt workflow to maximize your ability to build with AI.
Great for beginners & experienced devs.
Full tutorial here tomorrow at 12pm PT.
Today, I gave the Replit AI Agent a Real test.
I built an Employee Vacation tracker app.
100% AI prompting, no code.
I hated the process until I mastered it.
The app I built is so cool that I bought a domain to let you all use it for free.
Every step, with great details 🧵:
Here are some core concepts I think are crucial:
• HTML/CSS/JS webpage
• Internet browser
• IP address
• HTTP protocol
• DNS and domain name
• “Backend VS. Frontend”
• API endpoint
Don’t spend more than a few days on this. Stop when you have an overview of how the internet works.