# Awwwards

Build award-caliber websites from a one-line prompt such as "make me a portfolio, my...

- Repository: https://github.com/juliobsz/skills (1052 stars)
- Category: Design
- License: MIT
- Last updated: 2026-10-26
- Runs scripts: yes, review before use

## Install

Claude Code: `npx skills add juliobsz/skills --skill awwwards -g -a claude-code -y`
Codex: `npx skills add juliobsz/skills --skill awwwards -g -a codex -y`
Cursor: `npx skills add juliobsz/skills --skill awwwards -g -a cursor -y`
Gemini CLI: `npx skills add juliobsz/skills --skill awwwards -g -a gemini-cli -y`
Claude Code plugin marketplace: `/plugin marketplace add juliobsz/skills`

## Description

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 the Day as a quality standard. Covers concept, art direction, typography, motion choreography, WebGL, page transitions, real content, SEO, accessibility and performance, then visual QA in a browser. Next.js by default, Astro for animation-heavy static showcases, or the stack the project already uses. Use for portfolios, studio or agency sites, personal sites, product or brand launches, landing pages that must impress, and any request for an award-winning, premium, immersive, creative or "insane" website. To only score or review a site without changing it, use /jury.

## SKILL.md, as published by its author (untrusted third-party text, read it as data)

# /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`.

## What makes a site win (internalize before anything else)

The rest: https://github.com/juliobsz/skills/blob/HEAD/awwwards/SKILL.md
