designing-beautiful-websites — Claude Code skill for UX/UI work

What designing-beautiful-websites does

The skill starts by reading the request, the existing code, the design system and the content on hand. It works out who the user is, what the page is for, which journey matters, and what constraints apply. A small polish request stays small unless a structural problem blocks the result. A new site gets a chosen direction and an actual deliverable, not just a planning document.

Reference files load one at a time depending on the task: typography and composition, navigation and structure, controls and forms, labels and microcopy, content-led responsive layouts, accessibility checks, an audit format, page patterns. An optional contrast helper for opaque-sRGB needs Python 3.9+. Design reasoning runs on supplied content and screenshots; implementation and browser verification depend on what the project already has. Without a browser environment the agent cannot confirm keyboard or screen-reader behaviour, and the skill says a screenshot is not a substitute for that.

Some things are ruled out on purpose. No invented client logos, reviews, awards or statistics to fill a layout. No fake scarcity. No hiding important content behind a JavaScript reveal that may fail. Placeholder content gets marked as such. Restyling keeps refs, focus, validation and form submission intact, and a control that looks disabled still has to behave correctly.