with one click
brutalist-portfolio-nextjs
Build, port, or remediate an avant-garde, anti-generic personal portfolio using Next.js 16 App Router with a Tactile Brutalism + High-End Editorial design system. Covers the complete architectural lifecycle from Vite SPA migration through four remediation phases to production: CSS-first design tokens with dual-theme (Night/Day), client-side SPA orchestrator embedded in Next.js, hash-based routing with keyboard focus management, lazy-loaded sections with ErrorBoundary + Suspense, optional database with graceful null handling, WCAG AAA accessibility (discriminated union API responses, ARIA, reduced motion, skip links, focus management), strict TypeScript with noUncheckedIndexedAccess, rate-limited API routes, security headers, OG/Twitter metadata + JSON-LD, centralized site configuration, dead code archival strategy, and a complete iterative remediation workflow. Use this skill whenever building or porting a portfolio, personal site, creative showcase, or any web project that demands distinctive brutalist/edito
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
