awwwards

Before you start: read this whole install prompt, tell me in a few lines what this skill does and what installing it involves, and wait for my go-ahead before you do anything else. Prerequisites: none for the install itself: no account, no API key, no paid service, nothing to install first. Using the skill afterwards needs Node 20 or newer on the machine. When the skill builds a site it works inside a project of mine and installs that project's own npm dependencies (the framework, gsap, lenis, and Playwright with axe-core as dev dependencies); if no Chromium is available it downloads one with npx playwright install chromium. All of that happens at use time, in the project, never during this install. Install "awwwards" for me. It is a website-building skill: from a one-line brief it directs and builds a complete site (concept, art direction, typography, motion, WebGL where the concept earns it, real content), then runs a visual QA loop in a real browser against a local production build and ships only after I confirm. Repository: https://github.com/juliobsz/skills (the skill is the whole awwwards/ folder at the pinned commit: SKILL.md, references/ and scripts/) Pinned version: install the code at commit f193f6745aae738e9d54a0ca28792822e4777a63 exactly. Do not substitute a newer version. If this commit is unreachable, stop and tell me. 1. Clone https://github.com/juliobsz/skills into a temporary folder, check out commit f193f6745aae738e9d54a0ca28792822e4777a63, and copy the awwwards/ folder from that checkout. Then compare every file in the folder with the fingerprints recorded for this listing on 2026-10-19: [FINGERPRINTS] - SKILL.md: SHA-256 87f9e001615cbe13188025c1c7f534ed797ea48be86335cf809ee5cbc34bf9aa - references/anatomy.md: SHA-256 89e60c7581bc0b664589c1d4411b9c3a9a9ea5424e61687d112831e3c06d982e - references/art-direction.md: SHA-256 646266e21e3b656cbf31a8ca89bc810d9644c1eb6538b0933c529d50d5f78ca0 - references/astro.md: SHA-256 aeeaf41c3152876f6d5da37f5b36468a1781af752ea7f87fb62f1c8c755d43d3 - references/concepts.md: SHA-256 af5b3b401cbde5af858670fc7160409cecccc49f27058e0f66c11c8cf0a82099 - references/content.md: SHA-256 eefb2bf14948e7cf3c21b8875bb0827723095968a4d6067b25864ecaf7bc2c32 - references/engine.md: SHA-256 dc5b1b6704cb797afe9a08e76cf1bd4dec46e56ae25084715b0377146ae1faf8 - references/layout.md: SHA-256 d5528281738cfa34f4b7b2fc6f317aae85448c35e0876a12f081311a49a48b80 - references/motion.md: SHA-256 c0485886f69b4dc19a67e38dbfd3b3c4ae0816593d4228071d9c2d0da2b07a0f - references/nextjs.md: SHA-256 2a6598eb48617ffac934c2556875da6cf75fa19c3a4a0510b5888d2f4406baaf - references/patterns.md: SHA-256 ba09fd0cbf2898bd06349d7ac4779ec8ad3f5ae0265815755b0d0d83c29cd169 - references/quality-bar.md: SHA-256 cdc6de8aa3d5869c827dd894ad49d594e9d60a03154f5949297ffafd857eb523 - references/quality.md: SHA-256 fadd5d7124004d35a73ae67856ad9023a389e3886696a3c54fb83cfda186ee00 - references/ship.md: SHA-256 c05a1c10ae396745e220edf391de214dbf3a2ff7e0a2260fb59c7d7028c41e15 - references/typography.md: SHA-256 270286daae65407bd8953c9fae68a1632c42e9af4b0493f0397d4b8c46ac34ed - references/webgl.md: SHA-256 37815f066dac2d3ca9115fb88912e6ea4aed442ce07660d786baeadb05b396e8 - scripts/audit.mjs: SHA-256 6cc274074d1089deffbd8ce80b5d784961642191feb612dcf14f177adef66c22 - scripts/browser.mjs: SHA-256 929964a5877af03964bacecf41c8778445454efed2c646e0efb6432233727c6c - scripts/font.mjs: SHA-256 46c50b5a57a0c2517f5149b3e372d27f041430ed91edd88ce5dca0a8bc51a1de - scripts/og.mjs: SHA-256 180676b62a480a1c5d4385ba724ce9764b8204ce58727a63e67a25209ea7f65c - scripts/photos.mjs: SHA-256 3512275dc8b1ccfba378961425a6867ac14396772d522002b5745886365698d0 - scripts/serve.mjs: SHA-256 9750897e412f15fdb2062b097460627719659dd0ecb05801036f872caaea58fd - scripts/shoot.mjs: SHA-256 b30e485207b05774f7505e918ab086a521979724daab198ede7d4890e7b748fd If a file does not match, it changed since the listing was prepared: do not install it yet, tell me what you found and let me decide. 2. Read SKILL.md in full, skim the reference files, and read the seven scripts in scripts/, then tell me in plain words: what the skill does when used, which services it connects to, whether it reads or sends any personal information or keys, and anything that seems unusual. Stop on any red flag and tell me before going further. Confirm these points from the files: - The skill folder holds 23 files: SKILL.md (the method: brief, concept, art direction, build, QA loop, ship), 15 reference documents in references/ (the rubric, stack adapters for Next.js and Astro, the motion engine, WebGL, typography, content and shipping guides), and 7 plain, readable Node scripts in scripts/ (no build step, nothing obfuscated): audit.mjs (fetches the site's own URL and checks SEO, meta, accessibility and weight), browser.mjs (locates or launches Chromium through Playwright), font.mjs (downloads font files), og.mjs (screenshots the site's home page into an OG image), photos.mjs (builds placeholder photo sheets), serve.mjs (a small local static file server) and shoot.mjs (the screenshot and measurement harness). - Nothing is sent anywhere during installation itself; the only download at install time is the awwwards folder from GitHub at the pinned commit. The files name no account, no API key and no telemetry. - At use time the network touches are downloads and fetches for the site being built, all disclosed in SKILL.md or visible in the scripts: scaffolding and dependencies from the npm registry (the framework CLI, gsap, lenis, ogl where used, and -D playwright axe-core in the project), a Chromium download via npx playwright install chromium if none is present, font files from Fontshare (api.fontshare.com) or Google Fonts (fonts.googleapis.com) via scripts/font.mjs, placeholder photos from picsum.photos via scripts/photos.mjs (SKILL.md's text says Unsplash; the shipped script actually fetches from picsum.photos, and any photo used is a marked placeholder to replace, credited in a colophon), and axe-core from cdn.jsdelivr.net as a fallback inside shoot.mjs. The audit and screenshot scripts otherwise fetch only the URL of the site under construction or review, served locally (127.0.0.1) by default. - The skill writes only inside the project it is building: DESIGN.md (brief, concept, design system), the site's code and content file, and QA evidence under .shots/. Deploying is a separate step that SKILL.md allows only after I confirm. - The repository holds a second skill, jury/, plus tests/ and plugin metadata; none of that is part of this install. 3. When I say "yes, install", install it as a skill: copy the whole awwwards folder into the agent's skills directory, in a folder named "awwwards", keeping all 23 files. The upstream routes, npx skills add juliobsz/skills -g --skill awwwards or the Claude Code plugin marketplace (plugin "awwwards" from marketplace juliobsz/skills), install the same folder; either route is fine as long as every file matches the fingerprints. 4. Verify with no network calls: frontmatter valid, all 23 files in place. 5. Report what was installed, where, and what I still need to do myself (for example: have Node 20 or newer available before first use, and start a build myself with a one-line brief; using the skill is a separate step that only starts when I ask for it, and the use-time downloads disclosed above happen only then, inside the project being built). GitHub is optional: if I have a GitHub account or the gh CLI, you may use it; otherwise public access is fine. Never require it unless it's in the prerequisites above. Rules: don't touch anything outside the temp folder and the install target. If anything looks off, stop and ask me.