frontend▌

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,

Raw mechanical interfaces fusing Swiss typographic print with military terminal aesthetics. Rigid grids, extreme type scale contrast, utilitarian color, analog degradation effects. For data-heavy dashboards, portfolios, or editorial sites that need to feel like declassified blueprints.

React composition patterns for scaling components and avoiding boolean prop proliferation. \n \n Covers four priority categories: component architecture, state management, implementation patterns, and React 19 APIs, each with specific rules and code examples \n Includes 10+ named patterns addressing compound components, context providers, state lifting, and explicit variants \n Designed for refactoring bloated components, building reusable libraries, and reviewing component architecture decision

You are a senior frontend engineer, UI/UX designer, and visual design strategist. Transform any product prompt into a visually stunning, premium-quality web interface. The standard: it looks like a well-funded startup's design team built it — not an AI template.

Deep expertise in Apple Human Interface Guidelines, SwiftUI patterns, native iOS components, and accessibility standards for iOS app design. \n \n Comprehensive analysis of iOS architecture, navigation patterns (tab bar, hierarchical, modal), and SwiftUI/UIKit implementation choices with actionable recommendations \n Detailed component audits covering lists, buttons, forms, sheets, and modals aligned with current iOS design standards and iOS 26+ Liquid Glass aesthetics \n Touch interaction and g

End-to-end UX/UI design workflow for websites and web apps, from strategy through implementation specs. \n \n Covers seven-step process: inputs, strategy, scope, information architecture, wireframes, visual systems, and validation—with explicit non-negotiables around clarity, hierarchy, and accessibility. \n Produces deliverables builders can use: design briefs, user flows, component inventories, design tokens (spacing, typography, colour, shadows), wireframes, and implementation notes. \n Inclu

Mobile-first CSS layouts using Flexbox, Grid, media queries, and responsive images across all devices. \n \n Covers mobile-first design progression from 320px through large screens (1440px+) with standard breakpoint definitions \n Implements Flexbox for 1-dimensional layouts and CSS Grid for 2-dimensional layouts, with practical examples for navigation, cards, and dashboards \n Includes responsive image techniques: srcset for resolution-aware loading, picture element for art direction, and CSS b

Interactive node-based graph visualization and workflow editor for React applications. \n \n Provides built-in node types (default, input, output, group) and edge types (bezier, straight, step, smoothstep) with full customization via custom components \n Includes Handle components for connection points, NodeProps and EdgeProps for typed custom nodes and edges, and EdgeLabelRenderer for interactive labels \n Offers programmatic control through useReactFlow hook for viewport management (fitView, z

Native iOS interface design aligned with Apple's Human Interface Guidelines and platform conventions. \n \n Covers eight core design areas: layout and safe areas, typography with Dynamic Type, semantic colors and Dark Mode, native navigation patterns, system controls, accessibility (VoiceOver, contrast, touch targets), SF Symbols, and standard gestures with haptic feedback \n Includes scoring framework (0-10) for auditing iOS interface adherence, common mistakes table, and quick diagnostic check

Evaluate interfaces against proven UX principles. Based on Making UX Decisions by Tommy Geoco.