---
title: "The Skill That Makes Claude Code Build Websites That Actually Look Good"
source_url: https://youtu.be/p1GsK0AK_xk
captured_at: 2026-09-20
author: "Sebastian Hardy | AI Marketing"
contributor: "ชิดชนก"
platform: youtube
---
# The Skill That Makes Claude Code Build Websites That Actually Look Good

youtube video by **Sebastian Hardy | AI Marketing**, 6m09s, uploaded 2026-05-30. URL: https://youtu.be/p1GsK0AK_xk
Tags: claude code, claude skills, claude code skills, claude code tutorial, ai website builder, build website with ai, claude design tutorial, claude ai, claude code web design, claude automation, vibe coding, mcp, ai automation, claude code mcp, ai web design, claude skills tutorial, claude code design, taste skill, playwright mcp, claude design

## Shared in LINE Note+
- 2026-09-20 16:19 by ชิดชนก

## Description
Every AI-built website looks the same. The Taste Skill for Claude Code changes that.

I installed this Claude Code skill and ran it on my own agency website with zero setup — no mood boards, no design input. Claude Code grabbed the site, ran a full audit across typography, color, layout, and copy, then rebuilt a redesigned version locally so I could compare before and after without touching the live site.

This is the Claude Code tutorial nobody is making. It's not vibe coding, it's actual taste.

Resources mentioned in this video:

Taste Skill (GitHub): 
Playwright MCP: 
Community + All Downloads: 

Timestamps:
0:00 Why every AI website looks the same
0:10 Introducing the Taste Skill for Claude Code
0:39 What the Taste Skill can do
0:55 Live demo: auditing my agency website
1:46 Claude Code works completely on its own
2:05 How Playwright and Browser MCP work together
2:43 Reading the full audit results
3:13 Requesting a high-end visual redesign
3:57 Before vs. after comparison
4:40 Getting better results with mood boards and examples
5:05 Final redesign with animations
5:46 Where to get the skill and all resources

If you want to try this: install the Taste Skill into Claude Code,