benzatkulak-collab/socialperks
Skill Claude CodeCodex
Run axe-core (and Lighthouse a11y) against a running page and audit keyboard navigation, focus order, focus traps, ARIA correctness, and landmark structure to WCAG 2.2 AA. Manual-only: it needs a running server and fetches @axe-core/cli via npx. Invoke when the user mentions accessibility, a11y, screen readers…
benzatkulak-collab/socialperks
Skill Claude CodeCodex
Verify product measurement is live and correct — PostHog funnel events fire exactly once, first-touch attribution is attached, Web Vitals reach a RUM sink, consent handling exists, and ZERO PII leaks (identify must use account id, never email). Use whenever the user mentions analytics, tracking, PostHog, funnel…
benzatkulak-collab/socialperks
Skill Claude CodeCodex
Walk every API route handler and check input validation, status codes, a consistent error envelope, and — most importantly — that auth is enforced on every protected/data route (this IS the security boundary). Use whenever the user mentions API contract, route auth, endpoint validation, error handling, status codes…
benzatkulak-collab/socialperks
Skill Claude CodeCodex
Crawl the site for 404s, broken images, redirect chains, and dead external links, seeded from the generated sitemap and internal / targets. Use whenever the user mentions broken links, 404s, dead links, link checker, broken images, redirect chains, or "are all the links working".
benzatkulak-collab/socialperks
Skill Claude CodeCodex
Analyze the production bundle for oversized chunks, duplicate deps, "use client" leakage on components that should be Server Components, and un-tree-shaken libraries. Use when the user mentions bundle size, JS weight, slow first load, "use client", RSC boundaries, or code-splitting.
benzatkulak-collab/socialperks
Skill Claude CodeCodex
Audit static-vs-dynamic route boundaries so rendering strategy is intentional: catch accidental force-dynamic, missing/incorrect revalidate/ISR, and places that should use CDN or DB-query caching. Use whenever the user mentions caching, ISR, revalidate, force-dynamic, static generation, stale content, or "why is this…
benzatkulak-collab/socialperks
Skill Claude CodeCodex
Audit color contrast for WCAG 2.2 AA across the app's design tokens and components. Use whenever the user mentions contrast, color accessibility, readability, dark-mode legibility, or asks whether text/buttons are readable — even if they never say "WCAG".
benzatkulak-collab/socialperks
Skill Claude CodeCodex
Proofread user-facing microcopy and CTAs for consistent casing/tone, kill any placeholder/lorem/TODO copy, and catch strings that will truncate or overflow. A launch-time pass. Invoke when the user mentions copy, microcopy, wording, proofreading, CTA text, typos, "polish the text", placeholder text, or lorem ipsum.
benzatkulak-collab/socialperks
Skill Claude CodeCodex
Diagnose Core Web Vitals — LCP, INP, and CLS — by finding the specific LCP element, the worst layout-shift sources, and interaction-latency risks, then tying each to a concrete fix in real files. Use whenever the user mentions Core Web Vitals, LCP, INP, CLS, layout shift, jank, slow first paint, or "the page feels…
benzatkulak-collab/socialperks
Skill Claude CodeCodex
Audit every list, table, and dashboard for a designed empty state, error state, and first-run (zero-data) state — never a blank screen. Invoke when the user mentions empty states, zero state, "nothing shows up", first-run, onboarding blanks, error states, "what if there's no data", or a list/table that renders nothing.
benzatkulak-collab/socialperks
Skill Claude CodeCodex
Cross-check .env.example against real code usage: every required var is read somewhere, nothing secret hides behind NEXTPUBLIC, and no secrets are hardcoded in src/. Use whenever the user mentions env vars, .env, secrets, config, API keys, "did I set everything", missing environment variables, or deploy configuration.
benzatkulak-collab/socialperks
Skill Claude CodeCodex
Check App Router error/loading/not-found coverage per route segment, confirm a global 500 + 404 render, and verify data routes degrade gracefully when Postgres is unreachable. Use whenever the user mentions error boundaries, error.tsx, loading states, 404/500 pages, "what happens when it crashes", or graceful…
benzatkulak-collab/socialperks
Skill Claude CodeCodex
Audit every user-facing form for client + server validation, visible error and success states, spam protection, and real persistence through a /api/v1 route. Use whenever the user mentions forms, waitlist, signup, contact form, form validation, "does the form actually save", spam, or submit handlers.
benzatkulak-collab/socialperks
Skill Claude CodeCodex
Audit image handling for performance: every image should go through next/image with explicit dimensions, modern formats (AVIF/WebP), correct sizes, and below-fold lazy-loading. Use whenever the user mentions images, next/image, raw tags, image weight, AVIF/WebP, or layout shift from media.
benzatkulak-collab/socialperks
Skill Claude CodeCodex
Audit internal linking — find orphan pages (in the sitemap but linked from no nav/footer/hub), verify every important page is reachable in <=3 clicks, check for descriptive anchor text, and validate hub/spoke topical clustering. Use whenever the user mentions internal links, orphan pages, site structure, crawl depth…
benzatkulak-collab/socialperks
Skill Claude CodeCodex
Run Lighthouse CI (mobile + desktop) against a production build and FAIL on any budget regression rather than merely reporting scores. Use this manually before a launch or when the user mentions Lighthouse, PageSpeed, performance scores, web-vitals budgets, or a "perf gate".
benzatkulak-collab/socialperks
Skill Claude CodeCodex
Audit async surfaces for proper loading UX — skeletons via loading.tsx / Suspense fallbacks, optimistic UI where it makes sense, no layout jump when data resolves, and no blank/empty flash before data arrives. Invoke when the user mentions loading states, skeletons, spinners, layout shift, jank, "flashes blank"…
benzatkulak-collab/socialperks
Skill Claude CodeCodex
Audit per-page title tags, meta descriptions, Open Graph, and Twitter cards — ensuring every page has a unique title (<=60 chars), a 150–160 char description, and OG/Twitter tags WITH an image. Use whenever the user mentions titles, meta descriptions, social preview, OG image, Twitter cards, link unfurls, "how it…
benzatkulak-collab/socialperks
Skill Claude CodeCodex
Audit CSS/Tailwind animations for two things: honoring prefers-reduced-motion, and running at 60fps by animating only compositor- friendly properties (transform/opacity) instead of layout-thrashing ones (width/height/top/left/margin/box-shadow). Use whenever the user mentions animation, motion, transitions, keyframes…
benzatkulak-collab/socialperks
Skill Claude CodeCodex
Screenshot key pages across mobile/tablet/desktop breakpoints and flag horizontal overflow, broken grids, cramped or overlapping layouts, touch targets under 44px, and missing iOS safe-area-inset handling. Manual-only because it spins a browser via Playwright. Invoke when the user mentions responsive, mobile layout…
benzatkulak-collab/socialperks
Skill Claude CodeCodex
Audit database security for this app's REAL architecture: app-layer JWT auth is the boundary, RLS is defense-in-depth. Verifies no Supabase anon/service-role key leaks to the client and lists tables missing RLS. Use whenever the user mentions RLS, row-level security, database security, Supabase policies, data…
benzatkulak-collab/socialperks
Skill Claude CodeCodex
Audit JSON-LD structured data — Organization, SoftwareApplication/Product, BreadcrumbList, FAQPage/QAPage, HowTo — validating required fields and finding GAPS where a page type should emit schema but doesn't. Use whenever the user mentions structured data, JSON-LD, schema.org, rich results/snippets, FAQ markup…
benzatkulak-collab/socialperks
Skill Claude CodeCodex
Audit the app's runtime security posture: the Content-Security-Policy and security headers in next.config.js, rate-limiting coverage on every public API route, and dependency CVEs. Use whenever the user mentions security, CSP, headers, XSS/clickjacking, unsafe-inline, rate limiting, abuse protection, npm audit…
benzatkulak-collab/socialperks
Skill Claude CodeCodex
Audit ON-PAGE content SEO (complements the technical /seo pass): exactly one h1 per page, logical h2/h3 nesting, keyword coverage for the page's target query, and content depth/uniqueness across templated pages. Use whenever the user mentions content SEO, heading structure, h1/h2, keyword coverage, thin content…