frontend▌

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.

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.

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

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.

Tailwind v4 and shadcn/ui setup with CSS variables, dark mode, and semantic color theming. \n \n Automates dependency installation, Vite configuration with the Tailwind plugin, and shadcn/ui initialization \n Implements a mandatory four-step CSS architecture: root CSS variables, @theme inline mapping, base styles, and dark mode via class switching \n Includes pre-built theme provider component for dark mode toggling and persistent theme storage \n Provides troubleshooting guides for common v4 mi

Comprehensive deployment guide for ADK agents across Google Cloud platforms with CI/CD, infrastructure, and troubleshooting. \n \n Covers three deployment targets (Agent Engine, Cloud Run, GKE) with a decision matrix comparing scaling, networking, session state, and cost models \n Includes quick-deploy CLI commands, scaffolded project workflows with make commands, and full CI/CD pipeline setup via GitHub Actions or Cloud Build with Workload Identity Federation \n Provides platform-specific detai

Tailwind v4 with shadcn/ui using CSS variables and @theme inline pattern. \n \n Four-step architecture: define CSS variables at root, map to Tailwind utilities with @theme inline , apply base styles, automatic dark mode switching \n Prevents 8 documented errors including color mapping failures, dark mode conflicts, @apply breaking changes, and v3 migration gotchas \n Requires @tailwindcss/vite plugin (not PostCSS), empty Tailwind config in components.json, and ThemeProvider wrapper for theme tog