frontend▌

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

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.

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

Adaptive Flutter layouts that respond to screen size, platform, and input device across mobile, tablet, desktop, and web. \n \n Three-step workflow: abstract common widgets, measure available space with MediaQuery or LayoutBuilder, and branch UI based on width breakpoints (compact <600, medium 600–840, expanded ≥840) \n Covers layout fundamentals including Flutter's constraint system, common patterns (Row, Column, Expanded, Container), and responsive grid/navigation examples \n Best practic

Vue Pinia state management patterns, common reactivity pitfalls, and store setup best practices. \n \n Covers three core areas: store initialization, reactivity patterns, and state management conventions \n Addresses frequent gotchas including destructuring breaking reactivity, method binding issues, and missing state in DevTools or SSR \n Provides guidance on filter persistence, URL-based ephemeral state, and scaling Pinia for production applications \n Includes troubleshooting references for \

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

Use this skill to build, review, or improve SwiftUI features with correct state management, optimal view composition, and iOS 26+ Liquid Glass styling. Prioritize native APIs, Apple design guidance, and performance-conscious patterns. This skill focuses on facts and best practices without enforcing specific architectural patterns.

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

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

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.