Z4YT0N

Awwwards Skill — AI skill for Claude Code

AI community

Claude Code skill for building award-winning websites — 14 commands, design system enforcement, Arabic typography, anti-AI-slop rules.

How to install Awwwards Skill

This entry records only its repository, not the path inside it, so there is no exact command to give. Open Z4YT0N/awwwards-skill and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Awwwards Skill does

Claude Code skill for building award-winning websites — 14 commands, design system enforcement, Arabic typography, anti-AI-slop rules.

Alternatives in AI

Qiaomu Design — 偏执型设计顾问：反 AI 味设计 + 风格试衣间 + 58 站设计系统库的 Claude Code Skill Opinionated design advisor for Claude Code: anti-gener 513 ★
Browser Search — A skill for AI agents: search the web with SearXNG, browse with Camofox, bypass protections with CloakBrowser 499 ★
Styleseed — Claude Code & Cursor design system 325 ★

README

/awwwards — Creative Web Architect Skill

A Claude Code skill for building award-winning websites using a local collection of 257 reference projects.

What This Is

A complete Claude Code slash command (`/awwwards`) that acts as a senior creative developer + art director. It has deep knowledge of Awwwards SOTD/SOTM winning sites, design systems, copywriting, performance, accessibility, and Arabic typography.

Commands

Command	What it does
`/awwwards`	Smart onboarding — detects your project state and guides you
`/awwwards mix [description]`	Creative direction + tech recipe + opens reference repos
`/awwwards find [pattern]`	Hunt real code across 257 reference repos
`/awwwards scan [url]`	Analyze any live website: stack, tokens, techniques
`/awwwards steal [interaction] → [path]`	Transplant an interaction into your project
`/awwwards assets [description]`	Find + copy real assets (models, videos, fonts, shaders)
`/awwwards create [description]`	Full build: design system + docs + code + assets
`/awwwards template [type]`	Scaffold from a battle-tested base template
`/awwwards analyze [path]`	Analyze existing project → docs + tokens + fixes
`/awwwards study [repo-name]`	Deep analysis of one reference repo
`/awwwards review [path]`	Honest design + UX + copy review
`/awwwards prototype [description]`	Quick HTML mockup for client approval
`/awwwards palette [description]`	Generate complete color system with contrast ratios
`/awwwards why [decision]`	Explain any design/tech decision in depth
`/awwwards update`	Refresh all indexes after adding new repos