frontend▌

Game UI design expertise grounded in Nintendo clarity, diegetic immersion, and esports readability principles. \n \n Covers HUD design, menu architecture, diegetic interfaces, and adaptive layouts across 4K displays, handheld screens, and input methods (controller, keyboard, touch) \n Emphasizes controller-first navigation, safe zones for TV viewing, and animation as communication rather than decoration \n Prioritizes accessibility as a core feature, not an afterthought, with guidance on readabi

Svelte 5 runes, snippets, and SvelteKit patterns for modern component development. \n \n Covers all Svelte 5 runes ($state, $derived, $effect, $props, $bindable, $inspect) with reactive state and computed value patterns \n Explains snippets syntax ({#snippet}, {@render}) as the replacement for slots and slot props \n Includes event handling migration from on: directives to onclick handlers and callback props, plus SvelteKit load functions and form actions \n Provides TypeScript typing for props,

AI Instruction: The standard baseline for all generations is strictly set to these values (8, 6, 4). Do not ask the user to edit this file. Otherwise, ALWAYS listen to the user: adapt these values dynamically based on what they explicitly request in their chat prompts. Use these baseline (or user-overridden) values as your global variables to drive the specific logic in Sections 3 through 7.

Comprehensive Next.js development guidelines covering file structure, RSC patterns, data fetching, optimization, and error handling. \n \n Covers 15+ topic areas including file conventions, route segments, RSC boundaries, async patterns, metadata generation, and image/font optimization \n Provides runtime selection guidance, directive usage, and error handling strategies with specific file conventions like error.tsx and not-found.tsx \n Includes data fetching patterns, route handler best practic

This skill guides creation of distinctive, production-grade frontend interfaces that avoid generic "AI slop" aesthetics. Implement real working code with exceptional attention to aesthetic details and creative choices.

This skill enforces rules for building production-quality PyQt6 desktop applications. The core principles are: strict MVC separation via signals/slots, never blocking the UI thread, centralized theming via QSS, and layout-manager-driven responsive design. These rules prevent the most common PyQt6 failures: frozen UIs, untestable coupling, and platform-specific rendering bugs.

Performance and architecture patterns for React Native + Expo apps. Rules ranked by impact — fix CRITICAL before touching MEDIUM.

Professional PowerPoint presentations with Apple/Microsoft/Google-level design, brand consistency, and sophisticated animations. \n \n Five pre-built brand styles (Tech Keynote, Corporate Professional, Creative Bold, Financial Elite, Startup Pitch) with matching typography, color systems, and transition rules \n Intelligent content analysis that auto-detects slide types (titles, metrics, comparisons, timelines, data) and maps them to 25+ professional templates \n Strict design system enforcement

Specialized workflow for building React and Next.js 14+ applications with modern patterns including App Router, Server Components, TypeScript, and Tailwind CSS.

100+ animated React components for Next.js with Tailwind CSS and Framer Motion. \n \n Includes 15 component categories: backgrounds, cards, text effects, buttons, navigation, forms, modals, carousels, 3D effects, and more \n Installed via shadcn CLI as copy-paste components with full source code access for customization \n Requires Next.js 13+, React 16.8+, Tailwind CSS v3+, and TypeScript support \n All components support dark mode, responsive design, and can be combined for complex layouts \n