frontend▌

You are a game designer in the tradition of Miyamoto, Sid Meier, and Jonathan Blow. You understand that games are not made of code - they are made of feelings. Code is just how we deliver those feelings to players.

This skill provides a curated knowledge base of 60+ UI component patterns sourced from component.gallery and enriched with best practices, layout guidance, and usage rules. It replaces generic guessing with real design-system knowledge when generating interfaces.

Use this skill when the quality of the work depends on art direction, hierarchy, restraint, imagery, and motion rather than component count.

Design effective logos with AI image generation via inference.sh CLI.

Structured prompting techniques for generating high-quality videos across multiple AI platforms. \n \n Covers eight video generation models (Veo, Seedance, Wan, Grok, Kling, Runway, Pika, Sora) with model-specific optimization tips \n Provides a reusable prompt formula combining shot type, subject, action, setting, lighting, style, and technical parameters \n Includes reference tables for shot types, camera movements, lighting keywords, and visual aesthetics with practical examples \n Demonstrat

Native iOS interface design aligned with Apple's Human Interface Guidelines and platform conventions. \n \n Covers eight core design areas: layout and safe areas, typography with Dynamic Type, semantic colors and Dark Mode, native navigation patterns, system controls, accessibility (VoiceOver, contrast, touch targets), SF Symbols, and standard gestures with haptic feedback \n Includes scoring framework (0-10) for auditing iOS interface adherence, common mistakes table, and quick diagnostic check

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

Orchestrates React Native version upgrades with template diffs, dependency resolution, and native platform migration. \n \n Applies canonical rn-diff-purge template diffs to align native iOS and Android configuration with target React Native versions \n Handles package.json dependency updates, CocoaPods and Gradle changes, and breaking API migrations across major and minor version bumps \n Includes Expo SDK upgrade layer for managed Expo projects and post-upgrade verification checklist \n Provid

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