Smooth CSS custom property transitions between light/dark themes using @property registration. Use when: (1) theme toggle feels instant despite transition rules, (2) CSS custom properties (--background, --foreground, etc.) won't animate, (3) need smooth color…
Create notarized macOS app releases with Sparkle auto-updates, DMG installers, and GitHub releases. Use when releasing macOS apps, creating DMG files, notarizing apps, or setting up Sparkle updates. Handles version updates, code signing, notarization, and…
Full SEO + GEO + Fix workflow for web projects. Runs in three sequential phases: (1) technical SEO audit — verifiable bugs grouped by severity, including redirect-loop and canonical-host integrity checks (static + live redirect-chain trace); (2) GEO review —…
Internationalization and localization patterns. Detecting hardcoded strings, managing translations, locale files, RTL support.
When the user wants to create or update their product marketing context document. Also use when the user mentions 'product context,' 'marketing context,' 'set up context,' 'positioning,' or wants to avoid repeating foundational information across marketing…
Prevents generic AI-generated designs by guiding typography, color, motion, and background choices. Use when creating frontend designs, landing pages, dashboards, or any UI/UX work. Helps avoid the "AI slop" aesthetic.
Apply and enforce brand voice, style guide, and messaging pillars across content. Use when reviewing content for brand consistency, documenting a brand voice, adapting tone for different audiences, or checking terminology and style guide compliance.
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.