frontend▌

Diagnose and fix SwiftUI performance issues through code review and Instruments profiling guidance. \n \n Classifies symptoms (slow rendering, janky scrolling, CPU spikes, memory growth, hangs, excessive view updates) and performs code-first review against common anti-patterns like invalidation storms, unstable list identity, and layout thrash. \n Guides users through Instruments profiling when code review alone is inconclusive, with structured intake checklists and trace analysis. \n Provides r

Only use the $state rune for variables that should be reactive — in other words, variables that cause an $effect, $derived or template expression to update. Everything else can be a normal variable.

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

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.

Transform functional UI into visually stunning interfaces without design mockups. \n \n Specializes in visual enhancement, micro-interactions, and creative styling using modern CSS, Tailwind, and animation libraries like Framer Motion \n Covers color theory, typography hierarchy, spacing systems, and accessibility standards (WCAG AA contrast, keyboard navigation, reduced-motion support) \n Includes reusable patterns for glassmorphism cards, skeleton loaders, and common UI components with product

Essential reference guide for ADK agent development, covering spec-driven workflow, code preservation rules, and operational best practices. \n \n Read DESIGN_SPEC.md first as your primary source of truth; all implementation decisions must align with it \n Follow four mandatory phases: understand spec, build and implement, evaluate (using /adk-eval-guide ), and deploy with human approval \n Preserve all unrelated code when making modifications; only alter explicitly targeted segments and never c

Generates optimized prompts tailored to specific models and identity methods. Different models respond differently to prompts.

Vue Pinia state management patterns, common reactivity pitfalls, and store setup best practices. \n \n Covers three core areas: store initialization, reactivity patterns, and state management conventions \n Addresses frequent gotchas including destructuring breaking reactivity, method binding issues, and missing state in DevTools or SSR \n Provides guidance on filter persistence, URL-based ephemeral state, and scaling Pinia for production applications \n Includes troubleshooting references for \

$21

Vue 3 Composition API with script setup, reactivity system, and built-in components for single-file components. \n \n Use <script setup lang=\"ts\"> with TypeScript; leverage defineProps , defineEmits , defineModel , and other macros for type-safe component APIs \n Core reactivity includes ref , shallowRef , computed , watch , watchEffect , and lifecycle hooks; prefer shallowRef when deep reactivity isn't needed \n Built-in components cover Transition , Teleport , Suspense , KeepAlive , and