skills.rest
endlessblink
endlessblinkCOMMUNITY
Explore all skills by this author →
GitHub

dev-debugging

Diagnose and fix Vue.js reactivity, Pinia state, and canvas issues.

Updated Nov 29, 2025
Search Tags:#performance#debugging#vue#state-management#pinia#vue-flow
One-click install
npx skills add https://github.com/endlessblink/flow-state --skill dev-debugging
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: dev-debugging
Source: https://github.com/endlessblink/flow-state/tree/main/.claude/skills/%F0%9F%90%9B%20dev-debugging
Command: npx skills add https://github.com/endlessblink/flow-state --skill dev-debugging

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Consolidates comprehensive debugging patterns to diagnose and fix Vue.js reactivity, Pinia state, and canvas integration issues across components and stores.

Core Features & Use Cases

  • Unified debugging workflows for Vue 3 apps using Pinia and Vue Flow canvas integration.
  • Systematic steps to reproduce, isolate, patch, and verify fixes, with optional chaining to specialized skills for timers, canvas, and backend debugging.
  • Scenarios include detecting silent reactivity failures, store CRUD issues, memory leaks, and cross-tab state synchronization.

Quick Start

Describe the bug in detail, then run the unified debugging workflow to reproduce, isolate, and verify a fix.

Frequently Asked Questions about dev-debugging

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I debug Vue 3 reactivity failures and Pinia state synchronization issues?▼

To debug Vue 3 reactivity and Pinia state issues, run a unified debugging workflow that reproduces, isolates, patches, and verifies fixes for silent reactivity failures and cross-tab synchronization problems.

What is the best way to fix memory leaks and store CRUD issues in Vue.js applications?▼

Fix memory leaks and store CRUD issues by applying systematic debugging patterns that diagnose and patch Vue.js components and Pinia stores, outputting a structured plan with tests and verification steps.

Do I need Vue Flow to use this debugging workflow for canvas integration issues?▼

Yes, accessing Vue 3, Pinia, and Vue Flow is required to diagnose and fix canvas integration issues, with optional chaining available to specialized skills for canvas debugging tasks.

How do I troubleshoot performance regressions in Vue 3 apps with Pinia?▼

Troubleshoot performance regressions by diagnosing Vue.js reactivity and state synchronization problems across components and stores, then applying patches with verification steps to resolve the regression.

Can I chain specialized debugging skills for timers and database tasks?▼

Yes, you can optionally chain to specialized skills for timers, canvas, and database debugging tasks to handle cross-cutting bugs and backend debugging within the unified workflow.

How to reproduce and isolate a cross-cutting bug in a Vue.js application?▼

Describe the bug in detail, then run the unified debugging workflow to systematically reproduce, isolate, and verify a fix, generating a structured plan with patches and tests.

Related Skills

Explore More Software Engineering Skills→
yuhle-qugyuhle-qug

vue-expert

Diagnose Vue 3 Composition API, reactivity, and Nuxt.js integration issues.

Community
Advanced
cslsoftwarescslsoftwares

quality-regression-guard

Capture baseline module behavior and compare test results to detect regressions.

Community
Advanced
IndustrialIndustrial

application-performance-performance-optimization

Profile and optimize backend, frontend, and database performance with load testing.

Community
Advanced
stevessrstevessr

vue-pinia-best-practices

Configure Pinia stores in Vue 3 apps to prevent setup timing errors.

Community
Intermediate