design▌

Distinctive, production-grade frontend interfaces that reject generic AI aesthetics through intentional design direction. \n \n Guides developers through design thinking before coding: establish purpose, tone, constraints, and a memorable differentiator to anchor aesthetic choices \n Emphasizes typography, color theming, motion, spatial composition, and textural details as core levers for visual impact \n Explicitly warns against overused fonts (Inter, Roboto, Arial), clichéd color schemes (purp

Apply Anthropic's official brand colors and typography to visual artifacts and designs. \n \n Includes a defined color palette with primary dark/light neutrals, mid and light grays, plus three accent colors (orange, blue, green) \n Applies Poppins font to headings (24pt+) and Lora font to body text, with automatic fallbacks to Arial and Georgia \n Smart color selection based on background context to preserve readability and visual hierarchy \n Works with system-installed fonts; no additional ins

Mobile-first design prioritizes small screens as the starting point, ensuring core functionality works on all devices while leveraging larger screens for enhanced experience.

Comprehensive rules for building iPad-native apps following Apple's Human Interface Guidelines. iPad is not a big iPhone -- it demands adaptive layouts, multitasking support, pointer interactions, keyboard shortcuts, and inter-app drag and drop. These rules extend iOS patterns for the larger, more capable canvas.

Create high-CTR YouTube thumbnails with AI image generation via inference.sh CLI.

Native iOS app design with SwiftUI, Apple HIG compliance, and adaptive layouts for iPhone and iPad. \n \n Covers SwiftUI stack-based and grid layouts, NavigationStack and TabView patterns, and system integration with SF Symbols and Dynamic Type \n Includes semantic color system, materials, shadows, and depth techniques that automatically support light and dark modes \n Provides best practices for accessibility, safe areas, state restoration, and iPad multitasking support \n Addresses common pitf

Apple TV is a living room device driven entirely by focus-based navigation and the Siri Remote. There is no pointer, no touch screen, and no mouse. Every design decision must account for the 10-foot viewing distance, the simplicity of the remote, and the lean-back nature of TV consumption.

Establish design token hierarchies, theming infrastructure, and component architecture for scalable design systems. \n \n Covers three-layer token organization: primitive tokens (raw values), semantic tokens (contextual meaning), and component tokens (specific usage) \n Includes theme switching patterns with CSS custom properties, React context providers, system preference detection, and persistent storage \n Provides component architecture patterns including compound components, polymorphic var

$22

Source: fsd.how | Strictness can be adjusted based on project scale and team context.