© 2026 YOLOX SYSTEM. ALL RIGHTS RESERVED.
Gives your agent the ability to diagnose and fix Vue 3 runtime errors, reactivity bugs, and hydration mismatches.
When Vue state isn't updating as expected or re-renders are triggering unexpectedly
When encountering 'component not found' errors or broken event listeners in templates
When debugging SSR hydration issues where the server and client HTML differ
Describe the bug or share the error message and the relevant component code
Identify if the issue is in reactivity, lifecycle, or template compilation
Apply the specific fix from the debugging guides, such as adding .value or using markRaw
Verify the fix by checking the console for warnings and testing the interaction
You
I updated my ref object but the UI didn't change. Why is it stuck?
Agent
You're likely destructuring the reactive object, which breaks the connection. I'll refactor your code to use `toRefs` or access the properties directly on the reactive object to preserve reactivity.
Gives your agent the ability to build modern web interfaces using Vue 3 Composition API and script setup.
Gives your agent the ability to implement high-quality Vue 3 applications following strict architectural and performance standards.
Gives your agent the ability to implement and troubleshoot debugging tasks.
Gives your agent the ability to audit web interfaces for compliance with Vercel design and UX best practices.
Gives your agent the ability to apply Anthropic's official brand colors, typography, and visual style to any artifact, ensuring a consistent and professional look-and-feel.
© 2026 YOLOX SYSTEM. ALL RIGHTS RESERVED.