Frontend

Comprehensive shadcn/ui component library with theming, customization patterns, and accessibility. Use when building modern React UIs with Tailwind CSS. IMPORTANT - Always use MCP server tools first when available.

Comprehensive documentation suite for generating READMEs, API references, and internal guides based on code analysis.

Comprehensive guide for building Progressive Web Apps (PWA) with Next.js using modern 2025 approaches. Use when users need to implement PWA features in Next.js applications including installability, offline support, service workers, web app manifests, caching strategies, push notifications, or converting existing Next.js apps to PWA. Covers both native Next.js PWA support (zero dependencies, App Router) and Serwist package (advanced offline capabilities, service worker management). Also use when troubleshooting PWA issues, optimizing PWA performance, or migrating from deprecated packages like next-pwa.

Comprehensive Pharo Smalltalk development workflow guide with AI-driven Tonel editing. Provides expertise in Tonel file format syntax (class definitions with name, superclass, instVars, category, method categories, class comment placement), package structure (package.st placement, directory organization, BaselineOf dependencies), development workflow (Edit → Import → Test cycle with absolute paths, re-import timing, test execution), and Pharo best practices (CRC format documentation, method categorization conventions). Use when working with Pharo Smalltalk projects, creating or editing Tonel .st files, organizing packages and dependencies, resolving import order issues, writing class comments, implementing standard Pharo development patterns, or troubleshooting Tonel syntax.

Applies Red Hat's official brand colors and typography to any sort of artifact that may benefit from having Red Hat's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.

Next.js 15 + Tailwind CSS development guidelines. Modern patterns including App Router, Server/Client Components, Suspense, lazy loading, file organization, Tailwind CSS styling, performance optimization, and TypeScript best practices. Use when creating components, pages, features, styling, routing, or working with Next.js code.

Stock analysis UI frontend. React + TypeScript with Tailwind CSS, shadcn/ui, Recharts. Use for React components, API integration, routing, state management, styling, charts visualization.

Type-safe API route handler with automatic Zod validation for Next.js App Router...

Automate Ghostty terminal sessions via MCP. Use when you need to send commands to terminals, read terminal output, capture screenshots, resize windows, open new tabs/windows, or interact with TUI apps like Neovim, htop, or any CLI tool running in Ghostty.

Static security analysis of HTML forms without sending any requests. Checks for CSRF tokens, insecure actions, missing validation, hidden field issues, and common security misconfigurations. Safe to run - no payloads sent. Use when user asks to "analyze form security", "check form for vulnerabilities", "static security check".

Expert Next.js development assistant with 10+ years experience. Automatically audits, generates, and fixes Next.js applications using latest versions (Next.js 14+, React 19+, Tailwind CSS 3+). Use when working with Next.js projects for code generation, security audits, performance optimization, component creation, authentication implementation, or comprehensive project analysis. Handles Server/Client components, API routes, middleware, and ensures production-ready, secure code.

Guide for implementing Specification-Driven Development in any project using GitHub's spec-kit. Use when users want to start spec-driven development, need to initialize spec-kit in a project, or want guidance on the spec-kit workflow (constitution, specify, clarify, plan, tasks, implement). Covers installation, initialization, and step-by-step prompts for each phase.

CSS styling standards and best practices for responsive, accessible, and maintainable web interfaces with special considerations for multilingual content and Chuukese text display. Use when creating or modifying stylesheets and CSS components.

Implements authentication with Auth.js/NextAuth.js v5 including OAuth providers, credentials, sessions, and route protection. Use when adding authentication to Next.js, configuring OAuth providers, or protecting routes.

Build stunning component libraries with Storybook mastery. Expert in component documentation, visual testing, and design systems. Activate for UI libraries, component development, or design system creation.

Evidence-based diagnostic and treatment guidance for Feline Infectious Peritonitis (FIP). Use this skill when working with veterinary cases involving FIP or potential FIP, including (1) Differential diagnosis when clinical signs suggest FIP, (2) Interpreting diagnostic test results and determining next steps, (3) Treatment planning with GS-441524 or other antivirals, (4) Monitoring treatment response and adjusting protocols, (5) Managing relapses or treatment failures, (6) Client communication about prognosis and treatment options, (7) Prevention strategies and multi-cat household management, (8) Cattery breeding decisions after FIP cases, (9) Any questions about FIP diagnosis, treatment, prevention, or management. Also use when encountering mentions of FCoV, feline coronavirus, effusive/non-effusive disease forms, GS-441524, or related veterinary scenarios.

Create GitHub gists quickly from files, code snippets, or text content. Use when the user wants to share code via GitHub gists or export content to gist format.

Vite lightning-fast build tool with instant HMR, ESM-first architecture, and zero-config setup for modern web development

Apply when writing styles. Ensures consistency with design system and project patterns.

Context and reference for building UI with shadcn-vue components. Load when adding, modifying, or debugging UI components.