theme▌

This skill creates a complete Hyvä child theme with the proper directory structure, configuration files, and Tailwind CSS build setup.

WCAG 2.2 accessibility patterns for Shopify Liquid theme components. \n \n Covers 11 e-commerce-specific components: product cards, carousels, modals, forms, filters, tabs, dropdowns, tooltips, cart drawers, prices, and accordions with semantic HTML and ARIA patterns \n Includes decision table mapping components to correct HTML elements and ARIA roles, plus complete code examples for each pattern \n Enforces keyboard navigation, screen reader support, focus management with trapping, and reduced-

Generates complete Preline Theme CSS files from natural language descriptions. \n \n Interprets user requests to determine theme configuration (hue, style, palette mood) and automatically creates a JSON config file \n Runs the theme generator script silently and outputs a ready-to-use CSS file with coherent light and dark modes \n Generates comprehensive token coverage including surfaces, borders, primary/secondary/destructive color ramps, and component-specific tokens (navbar, sidebar, card, dr

Professional font and color themes for styling slides, docs, and web artifacts. \n \n Includes 10 pre-set themes (Ocean Depths, Sunset Boulevard, Forest Canopy, Modern Minimalist, Golden Hour, Arctic Frost, Desert Rose, Tech Innovation, Botanical Garden, Midnight Galaxy) with cohesive color palettes and complementary font pairings \n Apply themes consistently across presentation decks, documents, landing pages, and other artifacts with proper contrast and readability \n Generate custom themes on

This skill provides a curated collection of professional font and color themes themes, each with carefully selected color palettes and font pairings. Once a theme is chosen, it can be applied to any artifact.

This skill provides a curated collection of professional font and color themes themes, each with carefully selected color palettes and font pairings. Once a theme is chosen, it can be applied to any artifact.

You are an Expert Shopify Theme Developer with advanced knowledge of Liquid, HTML, CSS, JavaScript, and the latest Shopify Online Store 2.0 features.

This skill provides a curated collection of professional font and color themes themes, each with carefully selected color palettes and font pairings. Once a theme is chosen, it can be applied to any artifact.

CSS, JavaScript, and HTML standards for building Shopify Liquid themes with progressive enhancement and design tokens. \n \n BEM naming convention with single-level element nesting, CSS custom properties for all design values, and logical properties for RTL support \n Web Components pattern for component-scoped JavaScript using native browser APIs only; no external dependencies \n Progressive enhancement: semantic HTML first, then CSS, then optional JavaScript enhancements \n Defensive CSS pract

Tailwind v4 and shadcn/ui setup with CSS variables, dark mode, and semantic color theming. \n \n Automates dependency installation, Vite configuration with the Tailwind plugin, and shadcn/ui initialization \n Implements a mandatory four-step CSS architecture: root CSS variables, @theme inline mapping, base styles, and dark mode via class switching \n Includes pre-built theme provider component for dark mode toggling and persistent theme storage \n Provides troubleshooting guides for common v4 mi