Awwwards
Build award-caliber websites from a one-line prompt such as "make me a portfolio, my...
Install
npx skills add juliobsz/skills --skill awwwards -g -a claude-code -y- Repository
- juliobsz/skills1.1k
- Category
- Design
- Updated
- 9d ago
- License
- MIT
- Context cost
- Mediumabout 3,000 tokens
- Runs scripts
- Yes, review before use
What it does
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.
/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.
