design▌

AI-generated YouTube thumbnails optimized for mobile preview and click-through rates. \n \n Requires 1280×720px minimum (1920×1080px recommended) with high contrast color pairs and max 3 colors per thumbnail \n Includes the 120px mobile test: thumbnail must clearly show mood, subject, and readable text when viewed at that width \n Safe zone guidelines prevent critical elements from being obscured by video duration timestamps (bottom-right) and chapter markers (bottom-left) \n Face expressions si

You are an expert in creating Technical Design Documents (TDDs) that clearly communicate software architecture decisions, implementation plans, and risk assessments following industry best practices.

Expert guidance for designing beautiful, accessible, and platform-native mobile app interfaces following 2025 best practices.

Frameworks for designing organizational structures around speed versus coherence trade-offs. \n \n Contrasts centralized models (Apple: coherent user experience through central coordination) with decentralized models (Amazon: parallel execution through autonomous teams with minimal dependencies) \n Emphasizes functional structures over divisional ones to reduce management layers, restore startup speed, and keep leaders close to actual work \n Guides users through context discovery, trade-off ide

Use this skill when:

Foundational game design theory covering MDA framework, player psychology, and balance principles. \n \n Explains the MDA framework (Mechanics → Dynamics → Aesthetics) and core engagement loops with fast feedback, clear causation, and rewarding outcomes \n Covers flow channel theory for matching challenge to player skill, Bartle's player types, and self-determination theory (autonomy, competence, relatedness) \n Details reward systems including intrinsic vs. extrinsic rewards and scheduling stra

Framework-agnostic rules for accessible, performant, responsive web interfaces aligned with WCAG 2.2 and modern web standards. \n \n Comprehensive accessibility guidance covering semantic HTML, ARIA, keyboard navigation, focus management, color contrast, forms, and error handling with specific WCAG success criteria mappings \n Mobile-first responsive design using modern CSS (clamp, container queries, logical properties) and touch-friendly targets; no horizontal scrolling at 320px width \n Perfor

Apply UX thinking to improve product decisions and user flows.

$22

Modern responsive layouts using container queries, fluid typography, CSS Grid, and mobile-first strategies. \n \n Container queries enable component-level responsiveness independent of viewport size, with support for container query units (cqi, cqw, cqh) and style queries \n Fluid typography and spacing via CSS clamp() scales smoothly across screen sizes with min/max bounds, eliminating discrete breakpoint jumps \n CSS Grid auto-fit/auto-fill patterns and Flexbox provide intrinsic layouts that a