frontend▌

Professional font and color themes for styling presentation decks, documents, 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) each with cohesive color palettes and complementary font pairings \n Supports custom theme generation on-the-fly when none of the preset themes fit your needs \n Applies themes consistently across artifacts by r

Tailwind CSS utilities for animations, transitions, and transforms with built-in patterns and custom animation support. \n \n Four built-in animations (spin, ping, pulse, bounce) plus extensive transition utilities covering properties, duration, timing functions, and delays \n Transform utilities for scale, rotate, translate, and skew with configurable origin points and GPU-accelerated performance \n Custom animations via @theme in Tailwind v4, including keyframe definitions and custom easing cu

High-converting email templates with layout patterns, subject line formulas, and mobile-first design rules. \n \n Covers five email types: welcome sequences, promotional campaigns, product updates, transactional receipts, and newsletters with specific templates and timing for each \n Enforces 600px max width, single-column layouts, 14-16px body text, and 44-50px CTA buttons optimized for 60%+ mobile opens \n Includes subject line formulas (numbered benefits, questions, personalization) capped at

Caches configuration phase across builds (AGP 8.0+):

Create distinctive, production-grade static sites from text requirements alone. No mockups, no Figma — just describe what you want and get bold, memorable designs.

Create, edit, read, and manipulate PowerPoint presentations with design guidance and quality assurance workflows. \n \n Supports three primary workflows: reading/extracting text from existing .pptx files, editing presentations via template unpacking and repacking, and creating decks from scratch using PptxGenJS \n Includes 10 curated color palettes and typography pairings designed to avoid generic AI aesthetics, plus layout patterns (two-column, icon rows, grids, half-bleed images) with specific

Comprehensive design system with 50+ styles, 97 palettes, and 57 font pairings across 9 technology stacks. \n \n Searchable database organized by priority: accessibility and touch interaction (critical), performance and layout (high), typography and animation (medium), and charts (low) \n Includes design system generation tool that recommends complete patterns, styles, colors, typography, and effects based on product type and industry keywords \n Covers 9 implementation stacks: HTML/Tailwind, Re

These rules are distilled from Matthew Butterick's Practical Typography (https://practicaltypography.com). Butterick is a typographer, writer, and type designer whose work bridges professional typography and everyday digital writing. Thank you, Matthew, for making this knowledge accessible and encyclopedic. If you find this skill valuable, consider supporting his work directly.

You are an expert in React Query, TypeScript, and React development. React Query (now TanStack Query) simplifies data fetching logic with built-in caching, background updates, and stale data management.

Comprehensive developer experience guide for building TypeScript terminal user interfaces using Ink (React for CLIs) and Clack prompts. Contains 42 rules across 8 categories, prioritized by impact to guide automated refactoring and code generation.