frontend▌

Smart contract development advisor applying Trail of Bits' security and design guidelines to analyze codebases systematically. \n \n Performs five-phase analysis covering documentation generation, architecture review, upgradeability assessment, implementation quality checks, and dependency evaluation \n Assesses 11 comprehensive areas including function composition, inheritance patterns, event logging, common pitfalls, proxy security, and testing coverage \n Generates plain English system descri

Project-specific architecture, code patterns, and deployment guidelines for Zenith application. \n \n Next.js 15 frontend with FastAPI backend, Supabase PostgreSQL database, and Claude API integration via structured output \n Includes standardized API response formats, custom React hooks, and Pydantic models for type safety across stack \n Testing requirements: pytest with 80% coverage minimum for backend, React Testing Library for frontend, Playwright for E2E \n Deployment via Google Cloud Run

tsx runs TypeScript + JSX files directly via Node with no config — no tsconfig.json needed. It uses esbuild under the hood and handles JSX transformation automatically.

Add a new language to a Next.js application using next-intl internationalization. \n \n Requires translating all entries from en.json in the ./messages directory to the new language \n Update routing configuration in src/i18n/routing.ts and middleware in src/middleware.ts to recognize the new language \n Register the language in the language toggle component at src/components/language-toggle.tsx \n

Create distinctive, production-grade frontend interfaces that avoid generic "AI slop" aesthetics. Implement real working code with exceptional attention to aesthetic details and creative choices. Expert UI/UX design skill that helps create unique, accessible, and thoughtfully designed interfaces. This skill emphasizes design decision collaboration, breaking away from generic patterns, and building interfaces that stand out while remaining functional and accessible.

Transform text-heavy slides into visual storytelling. Suggest layout improvements, icon usage, and data visualization.

If next-browser is not already on PATH, install @vercel/next-browser globally with the user's package manager, then playwright install chromium.

Next.js 14+ App Router specialist for server components, server actions, and full-stack deployment. \n \n Covers App Router architecture, layouts, route groups, loading/error boundaries, and streaming SSR with Suspense \n Implements server components by default with 'use client' only at leaf boundaries; handles data fetching with explicit cache and revalidation strategies \n Provides server actions for form handling, mutations, and on-demand cache revalidation via revalidatePath \n Includes gene

Expert guidance for building Next.js applications with TypeScript, React Server Components, and modern UI libraries. \n \n Covers TypeScript best practices, functional component patterns, and Next.js App Router architecture with emphasis on Server Components over client-side rendering \n Recommends Shadcn UI, Radix UI, and Tailwind CSS for component building and responsive design using mobile-first approach \n Includes performance optimization strategies: dynamic loading, image optimization with

Review a web app or page for visual design quality. This is not a UX audit (usability, workflow, friction) — this checks whether the design is professional, consistent, and polished.