Create logo components with multiple variants (icon, wordmark, logo) and light/dark modes. Use when the user provides logo SVG files and wants to create a variant-based logo component following...
Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.
Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.
Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.
Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.
Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.
Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.
Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.
Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.
Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.
Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.
Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.
Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.
Run accessibility and visual design review on components. Use when reviewing UI code for WCAG compliance and design issues.
Run accessibility and visual design review on components. Use when reviewing UI code for WCAG compliance and design issues.
Build polished web UIs - components, pages, dashboards, React, HTML/CSS. Avoids generic AI aesthetics
Expert Shopify theme development guidelines for Liquid, Online Store 2.0, CSS, JavaScript, and UX best practices
Use when testing Ralph's hat collection presets, validating preset configurations, or auditing the preset library for bugs and UX issues.
Framework-agnostic frontend architecture patterns. Extends core-coding-standards with UI-specific rules. Use when building any web frontend.
CLI application patterns for Python. Triggers on: cli, command line, typer, click, argparse, terminal, rich, console, terminal ui.