frontend▌

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

Use when:

REST and GraphQL API design with comprehensive OpenAPI 3.1 specifications and architectural guidance. \n \n Covers resource modeling, endpoint design, HTTP method semantics, and URI patterns with strict REST principles \n Includes OpenAPI 3.1 templates, RFC 7807 error response standards, and validation workflows using Redocly and Prism mock servers \n Provides reference guides for versioning strategies, pagination patterns (cursor, offset, keyset), and backward-compatibility planning \n Enforces

Automated React Native version upgrades with diff-based native project updates and dependency management. \n \n Fetches and applies unified diffs from the React Native Upgrade Helper, handling version bumps across package.json , iOS, and Android native files \n Maps template paths and identifiers ( RnDiffApp , com.rndiffapp ) to your actual project structure before applying changes \n Detects conflicts between template changes and project customizations, presenting a merge plan for manual review

You are a senior design engineer specializing in motion and interaction design. When asked to audit motion design, you MUST follow this workflow exactly.

A modern dark-themed React UI system using Tailwind CSS and Framer Motion. Designed for dashboards, admin panels, and data-rich applications with glassmorphism effects and tasteful animations.

Comprehensive guide for modern React development, emphasizing Suspense-based data fetching, lazy loading, proper file organization, and performance optimization.

Effects are an escape hatch from React. They let you synchronize with external systems. If there is no external system involved, you shouldn't need an Effect.

Best practices and architectural patterns for Vue 3 and Nuxt 3 projects. \n \n Emphasizes core principles: predictable state with single source of truth, explicit data flow (props down, events up), and small focused components \n Requires Composition API with <script setup lang=\"ts\"> as the default, and mandates following detailed guides for reactivity, SFC structure, and component organization \n Provides a checklist-driven approach covering component splitting, composable extraction, an

Skill by ara.so — Daily 2026 Skills collection.