juliobsz/skills

{   "$schema": "https://json.schemastore.org/claude-code-marketplace.json",

"$schema": "https://json.schemastore.org/claude-code-marketplace.json",

"owner": {     "name": "juliobsz",     "url": "https://github.com/juliobsz"

"name": "juliobsz",     "url": "https://github.com/juliobsz"   },

"url": "https://github.com/juliobsz"

"source": "./awwwards",       "description": "Build award-caliber websites from a one-line prompt: concept, art direction, motion, WebGL and a real-browser QA loop.",       "author": { "name": "juliobsz", "url": "https://github.com/juliobsz

"description": "Build award-caliber websites from a one-line prompt: concept, art direction, motion, WebGL and a real-browser QA loop.",       "author": { "name": "juliobsz", "url": "https://github.com/juliobsz" },       "homepage": "https:

"author": { "name": "juliobsz", "url": "https://github.com/juliobsz" },

"homepage": "https://github.com/juliobsz/skills",

"repository": "https://github.com/juliobsz/skills",

"source": "./jury",       "description": "Score any website the way an Awwwards jury would: real-browser evidence, a blind critic, and a ranked fix list.",       "author": { "name": "juliobsz", "url": "https://github.com/juliobsz" },

"description": "Score any website the way an Awwwards jury would: real-browser evidence, a blind critic, and a ranked fix list.",       "author": { "name": "juliobsz", "url": "https://github.com/juliobsz" },       "homepage": "https://githu

"author": { "name": "juliobsz", "url": "https://github.com/juliobsz" },

"homepage": "https://github.com/juliobsz/skills",

"repository": "https://github.com/juliobsz/skills",

# Next.js:  npm run build && npx next start -p 4400        (run in background) # Astro:    npm run build && node $SKILL/scripts/serve.mjs dist --port 4400 node $SKILL/scripts/shoot.mjs http://127.0.0.1:4400/ --crawl --nav   # screenshots, v

# Astro:    npm run build && node $SKILL/scripts/serve.mjs dist --port 4400 node $SKILL/scripts/shoot.mjs http://127.0.0.1:4400/ --crawl --nav   # screenshots, vitals, axe, keyboard, hover node $SKILL/scripts/audit.mjs http://127.0.0.1:4400

node $SKILL/scripts/shoot.mjs http://127.0.0.1:4400/ --crawl --nav   # screenshots, vitals, axe, keyboard, hover

node $SKILL/scripts/audit.mjs http://127.0.0.1:4400/ > .shots/audit.txt   # SEO/meta/a11y/weight/placeholders/tells

[`anatomy`](https://github.com/wheresryan22/anatomy) is a separate, open-source skill by

const ogImage = new URL(image, Astro.site ?? site.url).href; const jsonLd = {   '@context': 'https://schema.org',

const jsonLd = {   '@context': 'https://schema.org',   '@type': 'Person',

'@context': 'https://schema.org',

// Set `site` to the production URL before deploying: canonical, OG and sitemap depend on it. export default defineConfig({   site: 'https://example.com',

export default defineConfig({   site: 'https://example.com',   integrations: [sitemap()],

site: 'https://example.com',

node $SKILL/scripts/serve.mjs dist --port 4400     # background node $SKILL/scripts/audit.mjs dist                 # or the URL node $SKILL/scripts/shoot.mjs http://127.0.0.1:4400/ --nav

node $SKILL/scripts/shoot.mjs http://127.0.0.1:4400/ --nav

name: 'Ana Ruiz',   role: 'Independent designer & creative developer',   url: 'https://anaruiz.studio',                       // production URL: canonical, OG, sitemap

role: 'Independent designer & creative developer',   url: 'https://anaruiz.studio',                       // production URL: canonical, OG, sitemap   description: '120 to 160 characters, a human sentence about what they make and for whom.',

url: 'https://anaruiz.studio',                       // production URL: canonical, OG, sitemap

description: '120 to 160 characters, a human sentence about what they make and for whom.',   email: 'hello@anaruiz.studio',   socials: [{ label: 'GitHub', href: 'https://github.com/…' }],

email: 'hello@anaruiz.studio',   socials: [{ label: 'GitHub', href: 'https://github.com/…' }],   glPalette: ['#101010', '#6b6b6b', '#f2f2f2'] as [string, string, string], // keep in sync with tokens

socials: [{ label: 'GitHub', href: 'https://github.com/…' }],

const jsonLd = {   '@context': 'https://schema.org',

'@context': 'https://schema.org',

npm run build && npx next start -p 4400          # background; production server node $SKILL/scripts/audit.mjs http://127.0.0.1:4400/

node $SKILL/scripts/audit.mjs http://127.0.0.1:4400/

node $SKILL/scripts/shoot.mjs http://127.0.0.1:4400/ --nav

`public/robots.txt` in Astro). 2. **OG image:** run the production server, then    `node $SKILL/scripts/og.mjs http://127.0.0.1:4400/ --out public/og.png`, then rebuild.

2. **OG image:** run the production server, then    `node $SKILL/scripts/og.mjs http://127.0.0.1:4400/ --out public/og.png`, then rebuild.    Per-page images are optional: `--out public/og/<slug>.png`, referenced from that page's

`node $SKILL/scripts/og.mjs http://127.0.0.1:4400/ --out public/og.png`, then rebuild.

#!/usr/bin/env node

// leftover placeholders and AI-copy tells. Crawls same-origin links from the start page. //   node audit.mjs <url | build-dir> [--max 40] //     url:        a running production server, e.g. `next start` → http://127.0.0.1:4400/

//   node audit.mjs <url | build-dir> [--max 40] //     url:        a running production server, e.g. `next start` → http://127.0.0.1:4400/ //     build-dir:  a static output folder (dist/, out/); served internally

//     url:        a running production server, e.g. `next start` → http://127.0.0.1:4400/

if (!fs.existsSync(target)) { console.error(`No build at ${path.resolve(target)} and not a URL. Build first, or pass the server URL.`); process.exit(1); }   server = await serve(target, 0);   base = `http://127.0.0.1:${server.address().port

server = await serve(target, 0);   base = `http://127.0.0.1:${server.address().port}/`; }

base = `http://127.0.0.1:${server.address().port}/`;

const get = async (u) => {   try {     const r = await fetch(u, { redirect: 'follow' });

try {     const r = await fetch(u, { redirect: 'follow' });     return { status: r.status, type: r.headers.get('content-type') || '', body: Buffer.from(await r.arrayBuffer()), url: r.url };

const r = await fetch(u, { redirect: 'follow' });

// Let Node exit on its own: process.exit() right after fetch() aborts Node on Windows (libuv

Executable file

#!/usr/bin/env node

if (provider === 'fontshare') {   const ws = weights.split(',').flatMap((w) => (flags.has('--italic') ? [w, `${+w + 1}`] : [w])).join(',');   cssUrl = `https://api.fontshare.com/v2/css?f[]=${family}@${ws}&display=swap`;

const ws = weights.split(',').flatMap((w) => (flags.has('--italic') ? [w, `${+w + 1}`] : [w])).join(',');   cssUrl = `https://api.fontshare.com/v2/css?f[]=${family}@${ws}&display=swap`; } else if (provider === 'google') {

cssUrl = `https://api.fontshare.com/v2/css?f[]=${family}@${ws}&display=swap`;

const axis = weights.includes('@') ? weights     : flags.has('--italic') ? `ital,wght@${range.split(';').flatMap((w) => [`0,${w}`, `1,${w}`]).join(';')}` : `wght@${range}`;   cssUrl = `https://fonts.googleapis.com/css2?family=${encodeURICom

: flags.has('--italic') ? `ital,wght@${range.split(';').flatMap((w) => [`0,${w}`, `1,${w}`]).join(';')}` : `wght@${range}`;   cssUrl = `https://fonts.googleapis.com/css2?family=${encodeURIComponent(family).replace(/%20/g, '+')}:${axis}&disp

cssUrl = `https://fonts.googleapis.com/css2?family=${encodeURIComponent(family).replace(/%20/g, '+')}:${axis}&display=swap`;

const res = await fetch(cssUrl, { headers: { 'user-agent': UA } });

seen.add(key);   const file = `${name.toLowerCase().replace(/\s+/g, '-')}-${weight.replace(/\s+/g, '_')}-${style}${subset}.woff2`;   const buf = Buffer.from(await (await fetch(src.startsWith('//') ? `https:${src}` : src, { headers: { 'user-

const file = `${name.toLowerCase().replace(/\s+/g, '-')}-${weight.replace(/\s+/g, '_')}-${style}${subset}.woff2`;   const buf = Buffer.from(await (await fetch(src.startsWith('//') ? `https:${src}` : src, { headers: { 'user-agent': UA } })).

const buf = Buffer.from(await (await fetch(src.startsWith('//') ? `https:${src}` : src, { headers: { 'user-agent': UA } })).arrayBuffer());

#!/usr/bin/env node

#!/usr/bin/env node

let all = [];   for (let p = 1; p <= 11; p++) {     const r = await fetch(`https://picsum.photos/v2/list?page=${p}&limit=100`);

for (let p = 1; p <= 11; p++) {     const r = await fetch(`https://picsum.photos/v2/list?page=${p}&limit=100`);     if (!r.ok) break;

const r = await fetch(`https://picsum.photos/v2/list?page=${p}&limit=100`);

const chunk = all.slice(i * per, (i + 1) * per);     await page.setContent(`<body style="margin:0;background:#222;display:grid;grid-template-columns:repeat(16,1fr);gap:3px;font:bold 13px sans-serif;color:#ff0">${chunk       .map((a) => `<di

await page.setContent(`<body style="margin:0;background:#222;display:grid;grid-template-columns:repeat(16,1fr);gap:3px;font:bold 13px sans-serif;color:#ff0">${chunk       .map((a) => `<div style="position:relative"><img src="https://picsum.

.map((a) => `<div style="position:relative"><img src="https://picsum.photos/id/${a.id}/200/134" style="width:100%;display:block"><span style="position:absolute;left:2px;top:1px;background:#000;padding:0 3px">${a.id}</span></div>`)

const credits = [];   for (const id of ids) {     const info = await (await fetch(`https://picsum.photos/id/${id}/info`)).json();

for (const id of ids) {     const info = await (await fetch(`https://picsum.photos/id/${id}/info`)).json();     const img = await fetch(`https://picsum.photos/id/${id}/${w}/${h}`);

const info = await (await fetch(`https://picsum.photos/id/${id}/info`)).json();

const img = await fetch(`https://picsum.photos/id/${id}/${w}/${h}`);

#!/usr/bin/env node

if (!fs.existsSync(dir)) { console.error(`No folder ${path.resolve(dir)}. Build first.`); process.exit(1); }   const server = await serve(dir, pi > -1 ? +args[pi + 1] : 4400);   console.log(`serving ${path.resolve(dir)} at http://127.0.0.1:

const server = await serve(dir, pi > -1 ? +args[pi + 1] : 4400);   console.log(`serving ${path.resolve(dir)} at http://127.0.0.1:${server.address().port}/`); }

console.log(`serving ${path.resolve(dir)} at http://127.0.0.1:${server.address().port}/`);

#!/usr/bin/env node

const AXE_CDN = { url: 'https://cdn.jsdelivr.net/npm/axe-core@4.14.0/axe.min.js', sha384: 'lFUXB8tI4BaTE1bqxH9eeAXON2NH1qsdAhs7S5L++nUNP5QOy+hwr0C3TYEJUEl0' };

try { return fs.readFileSync(createRequire(path.join(process.cwd(), 'noop.js')).resolve('axe-core/axe.min.js'), 'utf8'); } catch {}   try {     const r = await fetch(AXE_CDN.url);

try {     const r = await fetch(AXE_CDN.url);     if (!r.ok) return null;

const r = await fetch(AXE_CDN.url);

const u = queue.shift();     let html = '';     try { const r = await fetch(u); if (!r.ok || !(r.headers.get('content-type') || '').includes('html')) continue; html = await r.text(); } catch { continue; }

let html = '';     try { const r = await fetch(u); if (!r.ok || !(r.headers.get('content-type') || '').includes('html')) continue; html = await r.text(); } catch { continue; }     for (const m of html.matchAll(/<a\b[^>]*\shref=["']([^"'#]+)

try { const r = await fetch(u); if (!r.ok || !(r.headers.get('content-type') || '').includes('html')) continue; html = await r.text(); } catch { continue; }

#!/usr/bin/env node

// leftover placeholders and AI-copy tells. Crawls same-origin links from the start page. //   node audit.mjs <url | build-dir> [--max 40] //     url:        a running production server, e.g. `next start` → http://127.0.0.1:4400/

//   node audit.mjs <url | build-dir> [--max 40] //     url:        a running production server, e.g. `next start` → http://127.0.0.1:4400/ //     build-dir:  a static output folder (dist/, out/); served internally

//     url:        a running production server, e.g. `next start` → http://127.0.0.1:4400/

if (!fs.existsSync(target)) { console.error(`No build at ${path.resolve(target)} and not a URL. Build first, or pass the server URL.`); process.exit(1); }   server = await serve(target, 0);   base = `http://127.0.0.1:${server.address().port

server = await serve(target, 0);   base = `http://127.0.0.1:${server.address().port}/`; }

base = `http://127.0.0.1:${server.address().port}/`;

const get = async (u) => {   try {     const r = await fetch(u, { redirect: 'follow' });

try {     const r = await fetch(u, { redirect: 'follow' });     return { status: r.status, type: r.headers.get('content-type') || '', body: Buffer.from(await r.arrayBuffer()), url: r.url };

const r = await fetch(u, { redirect: 'follow' });

// Let Node exit on its own: process.exit() right after fetch() aborts Node on Windows (libuv

Executable file

#!/usr/bin/env node

if (!fs.existsSync(dir)) { console.error(`No folder ${path.resolve(dir)}. Build first.`); process.exit(1); }   const server = await serve(dir, pi > -1 ? +args[pi + 1] : 4400);   console.log(`serving ${path.resolve(dir)} at http://127.0.0.1:

const server = await serve(dir, pi > -1 ? +args[pi + 1] : 4400);   console.log(`serving ${path.resolve(dir)} at http://127.0.0.1:${server.address().port}/`); }

console.log(`serving ${path.resolve(dir)} at http://127.0.0.1:${server.address().port}/`);

#!/usr/bin/env node

const AXE_CDN = { url: 'https://cdn.jsdelivr.net/npm/axe-core@4.14.0/axe.min.js', sha384: 'lFUXB8tI4BaTE1bqxH9eeAXON2NH1qsdAhs7S5L++nUNP5QOy+hwr0C3TYEJUEl0' };

try { return fs.readFileSync(createRequire(path.join(process.cwd(), 'noop.js')).resolve('axe-core/axe.min.js'), 'utf8'); } catch {}   try {     const r = await fetch(AXE_CDN.url);

try {     const r = await fetch(AXE_CDN.url);     if (!r.ok) return null;

const r = await fetch(AXE_CDN.url);

const u = queue.shift();     let html = '';     try { const r = await fetch(u); if (!r.ok || !(r.headers.get('content-type') || '').includes('html')) continue; html = await r.text(); } catch { continue; }

let html = '';     try { const r = await fetch(u); if (!r.ok || !(r.headers.get('content-type') || '').includes('html')) continue; html = await r.text(); } catch { continue; }     for (const m of html.matchAll(/<a\b[^>]*\shref=["']([^"'#]+)

try { const r = await fetch(u); if (!r.ok || !(r.headers.get('content-type') || '').includes('html')) continue; html = await r.text(); } catch { continue; }