Skip to content

Latest commit

 

History

1 Commit

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Build a Beautiful Website with Claude Code (No Coding Needed)

Companion repository for the Code with Antonio video course · Watch on YouTube.

Build a Beautiful Website with Claude Code (No Coding Needed): describe it in plain English, let Claude plan it, design it and check it in a real browser.

What you'll build

Marigold Bakery (~/apps/marigold): la web de una panadería de barrio ficticia (Home, Menu, Custom

Lessons

# Lesson Video Folder
1 You don't need to code 0:00 lessons/01-you-don-t-need-to-code
2 Install it and open your project 2:30 lessons/02-install-it-and-open-your-project
3 Plan before you build 5:21 lessons/03-plan-before-you-build
4 Make it beautiful 8:38 lessons/04-make-it-beautiful
5 Let Claude see your site 12:12 lessons/05-let-claude-see-your-site
6 Change anything, safely 15:22 lessons/06-change-anything-safely

Requirements

  • Claude Code v2.1.287 → 2.1.288 (auto-update durante la grabación) · plugin oficial frontend-design · Playwright MCP 0.0.83 · Ubuntu (Linux)

Setup

Follow the lessons in order: each lessons/NN-*/README.md has the exact commands and files shown in the video.

Repository structure

README.md          this file
lessons/           one folder per lesson: goal, timestamp, commands and files exactly as in the video
app/               the final working project
assets/            thumbnail

License

MIT — use it for anything, credit appreciated.


Generated on 2026-10-03 from the course scripts. Code with Antonio · AI tutor.

About

Build a Beautiful Website with Claude Code (No Coding Needed) — Code with Antonio course

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages