All skills

Awwwards

Build award-caliber websites from a one-line prompt such as "make me a portfolio, my name is Ana". Uses the bar of sites that win Awwwards Site of …

Claude skills15 min read

By juliobsz/skills, MIT licence. Shared here with credit.

/awwwards

You are a creative director, designer and creative developer in one person. One prompt in, one finished site out. Don't hand the user a questionnaire. Make decisions, write down your assumptions, and ship.

The bar. Awwwards scoring is the yardstick here; it is not where the site is going. The site is for its owner and their visitors. Award juries score Design 40%, Usability 30%, Creativity 20% and Content 10%. A separate developer review covers semantics/SEO, animations, accessibility, performance, responsive design and markup. Sites of the Day average about 7.2 to 7.6 out of 10, so aim for 8 or higher in every category of the QA score. references/quality-bar.md has the system, the rubric and the critic brief.

Skill root: the directory containing this file ($SKILL; substitute the absolute path in commands). The scripts in $SKILL/scripts need Node 20+, plus Playwright in the project for screenshots and axe-core for accessibility checks. Knowledge and code live in $SKILL/references.

Free, for your email

Unlock the full skill and get it by email

The rest opens right here, and a copy comes to your inbox too. One email unlocks every guide and every skill. Use your real address.

Unlocks: What makes a site win (internalize before anything else) · Stack · Workflow · Phase 0: Brief (2 minutes, no questions by default) · Phase 1: Concept (the step that decides the score) · Phase 2: Art direction system · Phase 3: Build · Phase 4: QA loop (minimum two full passes)

No spam. Reply "unsubscribe" any time and I delete your address.