frontend▌

css

Professional SVG logos from descriptions with multiple variations, layouts, and scalable vector graphics. \n \n Gathers comprehensive brand requirements including industry, target audience, personality, and technical constraints before design \n Generates 3-5 distinct logo concepts across seven types: wordmarks, lettermarks, pictorial marks, abstract marks, mascots, combination marks, and emblems \n Creates multiple layout variations per concept (horizontal, vertical, square, icon-only, text-onl

Cross-platform mobile app development with Expo Router, NativeWind, and React Native. \n \n Provides navigation patterns using Expo Router for structured, file-based routing in mobile apps \n Includes styling guidance with NativeWind and Tailwind CSS for consistent, utility-first design across platforms \n Covers native UI components including tabs and animation patterns for polished mobile experiences \n Built on React and TypeScript for type-safe, maintainable code \n

Philosophy: Touch-first. Battery-conscious. Platform-respectful. Offline-capable. Core Principle: Mobile is NOT a small desktop. THINK mobile constraints, ASK platform choice.

Build distinctive, production-grade frontend interfaces that avoid generic AI aesthetics. \n \n Guides design thinking through purpose, tone, and differentiation before implementation, emphasizing bold aesthetic direction over generic defaults \n Covers five core design areas: typography (distinctive font pairing), color and theming (CSS variables, dominant colors with sharp accents), motion (CSS animations, scroll triggers, staggered reveals), spatial composition (asymmetry, overlap, grid-break

Comprehensive decision guide for Ant Design 6.x, Pro 5, ProComponents, and Ant Design X v2 integration. \n \n Covers component selection, theming with tokens, SSR setup, accessibility, performance optimization, and routing/access patterns across all three libraries \n Includes mandatory rules for API usage, official documentation mapping, and provider configuration (ConfigProvider for CSR, StyleProvider for SSR) \n Provides regression checklist covering ConfigProvider setup, token-first theming,

React Three Fiber (R3F) is a React renderer for Three.js that brings declarative, component-based 3D development to React applications. Instead of imperatively creating and managing Three.js objects, you build 3D scenes using JSX components that map directly to Three.js objects.

Structured performance optimization reference for React Native apps covering FPS, bundle size, TTI, and memory. \n \n Organized into 9 JavaScript/React guides (profiling, lists, animations, memory), 9 native optimization guides (Turbo Modules, threading, profiling), and 9 bundling guides (tree shaking, code splitting, size analysis) \n Each reference follows a hybrid format with quick patterns/commands, impact ratings (CRITICAL/HIGH/MEDIUM), and deep-dive explanations with prerequisites and comm

Elite website image-to-code skill for Codex. For visually important web tasks, it must first generate the design image(s) itself, deeply analyze them, then implement the website to match them as closely as possible. In Codex, it must prefer large, readable, section-specific images instead of tiny compressed boards, generate fresh standalone images for sections or detail views instead of cropping old ones, avoid lazy under-generation, avoid cards-inside-cards-inside-cards UI, and keep the hero clean, spacious, readable, and visible on a small laptop.

Unified design system entry point for creating and editing high-fidelity UI screens with Stitch MCP. \n \n Transforms rough design ideas into structured prompts using professional UI/UX terminology and design system context \n Synthesizes existing Stitch projects into .stitch/DESIGN.md \"source of truth\" documents for consistency across screens \n Routes requests intelligently between text-to-design generation, screen editing, and design system documentation workflows \n Automatically manages a