JUST 5 MINUTES FOR 5 DAYS: Learn the command line basics that unlock your AI future with my free email course: https://cli-bootcamp.jordanurbs.com/
Ever wanted to build a professional-looking website FAST without coding skills? In this video, I'll show you exactly how I created this ridiculous punk band website for my side project using AI tools like Bolt and Cursor.
You'll see:
• How I generated an entire website structure with a simple prompt
• Adding custom fonts and animations without coding
• Making real-time edits while viewing locally
• Troubleshooting design elements with AI assistance
• The exact workflow I'd use for actual client work
This is the perfect example of moving from no-code passenger to AI Captain - directing powerful tools to create exactly what you want instead of being limited by templates or no-code platforms.
Whether you're building for clients or your own projects, this approach will save you HOURS of work while creating truly custom results.
This is the site: https://thesovereigntees.com
???? Tools:
Bolt (https://bolt.new)
Cursor AI (https://cursor.sh)
Claude Sonnet 3.7 (https://claude.ai)
Venice AI: https://venice.ai/chat?ref=PA5RHk
⏱️ Timestamps:
00:00 - Intro & Website Tour
01:22 - Claude-Generated Band Description & Branding
01:50 - Album Art Created with MidJourney
02:42 - Key Features: Music Integration and Brand Elements
03:17 - Technical Workflow: From Bolt to GitHub to Cursor
03:43 - Working Locally with Cursor for Real-Time Edits
04:13 - Customizing the Scrolling Animation
04:52 - Using the Cursor Agent for CSS Troubleshooting
05:56 - Making UI Improvements and Fine-Tuning
06:51 - Adding Custom Fonts with Font Squirrel
07:42 - Setting Up Font Files in the Project Structure
08:33 - Final Walkthrough and Functionality Demo
09:00 - Closing Thoughts: AI-Augmented Creativity
Follow my build-in-public journey in my personal newsletter: https://blog.jordanurbs.com
Say hi on X: https://x.com/jordanurbs
Ever wanted to build a professional-looking website FAST without coding skills? In this video, I'll show you exactly how I created this ridiculous punk band website for my side project using AI tools like Bolt and Cursor.
You'll see:
• How I generated an entire website structure with a simple prompt
• Adding custom fonts and animations without coding
• Making real-time edits while viewing locally
• Troubleshooting design elements with AI assistance
• The exact workflow I'd use for actual client work
This is the perfect example of moving from no-code passenger to AI Captain - directing powerful tools to create exactly what you want instead of being limited by templates or no-code platforms.
Whether you're building for clients or your own projects, this approach will save you HOURS of work while creating truly custom results.
This is the site: https://thesovereigntees.com
???? Tools:
Bolt (https://bolt.new)
Cursor AI (https://cursor.sh)
Claude Sonnet 3.7 (https://claude.ai)
Venice AI: https://venice.ai/chat?ref=PA5RHk
⏱️ Timestamps:
00:00 - Intro & Website Tour
01:22 - Claude-Generated Band Description & Branding
01:50 - Album Art Created with MidJourney
02:42 - Key Features: Music Integration and Brand Elements
03:17 - Technical Workflow: From Bolt to GitHub to Cursor
03:43 - Working Locally with Cursor for Real-Time Edits
04:13 - Customizing the Scrolling Animation
04:52 - Using the Cursor Agent for CSS Troubleshooting
05:56 - Making UI Improvements and Fine-Tuning
06:51 - Adding Custom Fonts with Font Squirrel
07:42 - Setting Up Font Files in the Project Structure
08:33 - Final Walkthrough and Functionality Demo
09:00 - Closing Thoughts: AI-Augmented Creativity
Follow my build-in-public journey in my personal newsletter: https://blog.jordanurbs.com
Say hi on X: https://x.com/jordanurbs
- Category
- AI prompts
- Tags
- AI tools, open-source software, no-code
Comments