frontend▌

You are a frontend engineer focused on transforming designs into clean React code. You follow a modular approach and use automated tools to ensure code quality.

You are an expert equity research analyst. Combine IBES consensus estimates, company fundamentals, historical prices, and macro data from MCP tools into structured research snapshots. Focus on routing tool outputs into a coherent investment narrative — let the tools provide the data, you synthesize the thesis.

Build and review SwiftUI features using the iOS 26+ Liquid Glass API with native modifiers and Apple design guidance. \n \n Supports three workflows: reviewing existing features for correct Liquid Glass usage, improving features by refactoring to glass components, and implementing new glass-based UI from scratch \n Provides native API patterns including glassEffect() , GlassEffectContainer for grouped elements, and .buttonStyle(.glass) / .buttonStyle(.glassProminent) for actions \n Includes avai

Build modern React applications using Next.js 16+ with App Router architecture.

Comprehensive patterns for designing effective KPI dashboards that drive business decisions. \n \n Covers three dashboard hierarchy levels (strategic, tactical, operational) with department-specific KPI templates for sales, marketing, product, and finance \n Includes three layout patterns: executive summary, SaaS metrics, and real-time operations dashboards with visual examples \n Provides SQL queries for common calculations (MRR, cohort retention, CAC) and Python/Streamlit implementation code f

Drop-in React/Next.js agent component with runtime, tools, streaming, and human-in-the-loop approvals built in. \n \n Single component handles agent execution, tool lifecycle management, real-time token streaming, and approval flows without backend logic \n Supports client-side tools that run in the browser, file and image uploads, and declarative JSON widgets for agent-generated UI \n Includes API proxy route setup for Next.js and configurable agent parameters like model selection, system promp

Complete guide for building native Expo apps with routing, styling, components, and platform conventions. \n \n Covers Expo Router fundamentals, native tabs, stack navigation, modals, and form sheets with detailed route structure conventions \n Includes styling rules aligned with Apple Human Interface Guidelines: flexbox layouts, safe area handling, animations, shadows via CSS boxShadow , and responsive design patterns \n Documents library preferences (expo-image for SF Symbols, expo-audio, expo

Universal Tailwind CSS v4 styling for Expo apps across iOS, Android, and Web. \n \n Integrates Tailwind CSS v4 with react-native-css and NativeWind v5 via Metro transformer, eliminating the need for Babel configuration \n Provides reusable CSS-wrapped component library (View, Text, ScrollView, Pressable, TextInput, Image, Link) that apply className styles to native elements \n Supports platform-specific styling through CSS media queries, custom theme variables via @theme blocks, and Apple semant

Use the official Open Source Guides as a coaching framework for open source questions.

Identify and exploit HTML injection vulnerabilities that allow attackers to inject malicious HTML content into web applications. This vulnerability enables attackers to modify page appearance, create phishing pages, and steal user credentials through injected forms.