Best practices and guidelines for Turbopack, the Rust-powered incremental bundler for Next.js and modern web development
Combine multiple images into sprite sheets with customizable grid layouts and generate CSS sprite maps for web development.
Cypress end-to-end testing best practices for web applications, covering test structure, commands, and reliability patterns.
Expert in browser extension content scripts, DOM integration, and safe page augmentation across modern web apps.
Build polished web UIs - components, pages, dashboards, React, HTML/CSS. Avoids generic AI aesthetics
Design user-centric interfaces for web applications. Creates wireframes, visual designs, and interactive prototypes with usability focus.
Browser automation using Puppeteer or Playwright. Use for web testing, screenshots, form filling, and automated browser interactions.
Design visual layouts and compositions for web and print. Creates balanced designs with typography, color, and spacing principles applied consistently.
Framework-agnostic frontend architecture patterns. Extends core-coding-standards with UI-specific rules. Use when building any web frontend.
Comprehensive guidelines for responsive web design including mobile-first approach, flexible layouts, media queries, and cross-device optimization
WCAG and ARIA best practices for web UIs. Extends platform-frontend with accessibility-specific rules. Use when building any user-facing interface.
Phoenix framework development guidelines covering LiveView, Ecto, real-time features, and best practices for building scalable web applications with Elixir.
JavaScript and TypeScript development with ES6+, Node.js, React, and modern web frameworks. Use for frontend, backend, or full-stack JavaScript/TypeScript projects.
JavaScript and TypeScript development with ES6+, Node.js, React, and modern web frameworks. Use for frontend, backend, or full-stack JavaScript/TypeScript projects.
JavaScript and TypeScript development with ES6+, Node.js, React, and modern web frameworks. Use for frontend, backend, or full-stack JavaScript/TypeScript projects.
Tauri framework for building cross-platform desktop and mobile apps. Use for desktop app development, native integrations, Rust backend, and web-based UIs.
Visual design system patterns for web UIs β layout, spacing, responsive design, and design tokens. Extends platform-frontend with design-specific rules. Use when implementing visual designs.
FastAPI web framework patterns. Triggers on: fastapi, api endpoint, dependency injection, pydantic model, openapi, swagger, starlette, async api, rest api, uvicorn.
Prevent Cross-Site Scripting (XSS) attacks through input sanitization, output encoding, and Content Security Policy. Use when handling user-generated content in web applications.
Design direction and visual system for web UI. Use to choose layout, typography, colour, and overall aesthetic for product (SaaS/admin/data-heavy) or marketing/brand experiences.