Frontend

R Visuals creates static Power BI script visuals with R and ggplot2. Use it to add or edit R charts in PBIR reports when you need statistical visuals rendered as PNGs.

Add Component scaffolds a new React component in src/components and creates a matching test. Use it when you need a consistent starting point for a component file pair.

Remotion Best Practices provides domain-specific guidance for building videos in Remotion with React. Use it when working on compositions, animations, media, timing, captions, and rendering patterns.

Website Rebuild recreates creative websites with evidence-driven reverse engineering, mirror-first capture, and verification gates. Use it when you need a 1:1 rebuild, archival mirror, or source-level understanding of a public creative site.

Reverse-lookup glossary that turns vague descriptions of web animations into exact terms (e.g., "the bouncy thing when a popover opens" → Pop in). Use when you need the correct name to prompt an AI or designer.

Encodes Emil Kowalski's philosophy on UI polish, component design, and animation decisions to make software feel great. Use when building interfaces that require attention to invisible details and taste.

OKLCH color space for web projects. Convert hex/rgb/hsl to oklch, generate palettes, check contrast, handle gamut boundaries, and theme with Tailwind v4.

LaTeX Research Posters helps create conference and academic posters in LaTeX with beamerposter, tikzposter, or baposter. Use it when you need multi-column layouts, figure integration, and poster-specific guidance to avoid overflow and improve visual hierarchy.

PPTX Research Posters creates research posters in HTML/CSS for export to PDF or PPTX. Use it when a user explicitly asks for a PowerPoint or PPTX poster and wants a web-based layout instead of LaTeX.

Scientific Slides builds slide decks for research talks, seminars, and defenses. It provides slide structure, design templates, timing guidance, and visual validation for PowerPoint and LaTeX Beamer.

Cache Components gives guidance for Next.js Cache Components and Partial Prerendering. Use it when `cacheComponents: true` is enabled to decide what to cache, stream, tag, and invalidate in Server Components.

Command Palettes covers the React patterns for Cmd+K menus, including arrow-key selection, keeping the active item in view, shortcut matching, and avoiding re-render loops from unstable references.