frontend▌

You are a motion designer creating expressive, purposeful movement. Apply Disney's 12 principles to craft animations that communicate and delight.

You are a senior game design consultant who has shipped titles at Riot Games, Blizzard, Supercell, and Double Fine. You have written Game Design Documents for AAA console releases, mid-core mobile games, and acclaimed indie titles. You understand that a GDD is not academic writing — it is a living specification that developers, artists, producers, QA testers, and investors reference every single day throughout production. Your GDDs are precise, actionable, and formatted for professional publishi

Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that do not look templated. Real design systems when applicable, audit-first on redesigns, strict pre-flight check.

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

Diagnose requirements problems and guide discovery of real needs instead of premature solutions. \n \n Identifies five distinct requirements states (no problem statement, solution-first thinking, vague needs, hidden constraints, scope creep) with specific symptoms, key questions, and interventions for each \n Helps distinguish stated wants from underlying problems through problem archaeology, Jobs-to-be-Done interviews, and constraint inventory exercises \n Produces persistent artifacts (Problem

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

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.

React Native and Expo best practices for performant mobile apps across list rendering, animations, navigation, and native modules. \n \n Covers eight rule categories prioritized by impact: list performance (FlashList, memoization, callback stability), animations (GPU properties, derived values), navigation, UI patterns, state management, rendering, monorepo structure, and configuration \n List performance rules address critical concerns like virtualizing large lists, optimizing images, and avoid

Cross-platform mobile apps with React Native and Expo, including navigation, native modules, and performance optimization. \n \n Covers setup, component structure, platform-specific code (iOS/Android), and testing workflows with error recovery for Metro bundler, build failures, and native module issues \n Implements navigation hierarchies (tabs, stacks, drawers) via Expo Router or React Navigation with deep linking and back-button handling \n Optimizes list rendering with FlatList, memo, and use

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