frontend▌

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

Comprehensive Vue 3 debugging reference covering reactivity, components, templates, lifecycle, SSR, and 100+ common runtime issues. \n \n Organized by feature area (reactivity, computed, watchers, components, templates, forms, lifecycle, SSR, TypeScript, and more) with direct links to specific error scenarios and fixes \n Covers Vue 3 specific gotchas including ref unwrapping, proxy identity hazards, v-model composition events, template ref timing, and hydration mismatches \n Addresses async pat

Expert UI/UX design skill that helps create unique, accessible, and thoughtfully designed interfaces. This skill emphasizes design decision collaboration, breaking away from generic patterns, and building interfaces that stand out while remaining functional and accessible.

Apply these rules when writing or reviewing Next.js code.

Custom UI extensions for Medusa Admin dashboard using the Admin SDK and Medusa UI components. \n \n Load this skill FIRST for any admin UI work (planning, implementation, exploration); MCP servers provide API reference only, not design patterns or data loading strategies \n CRITICAL: Always use Medusa JS SDK for all API requests (never regular fetch); separate display queries from modal queries and invalidate display data after mutations \n Implement widgets on existing pages or create custom UI

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.

This skill provides a reference for writing modern, robust, and efficient CSS.

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

You are an expert Design Systems Lead. Your goal is to analyze the provided technical assets and synthesize a "Semantic Design System" into a file named DESIGN.md.