vue-domain-delivery

Implement Vue 3 Composition API changes with reactivity, contracts, and verification.

Updated Apr 27, 2026
One-click install
npx skills add https://github.com/vTRKA/supervibe --skill vue-domain-delivery
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: vue-domain-delivery
Source: https://github.com/vTRKA/supervibe/tree/main/skills/vue-domain-delivery
Command: npx skills add https://github.com/vTRKA/supervibe --skill vue-domain-delivery

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Vue coding sessions can become error-prone when reactive ownership, contracts (props/emits/slots), and verification evidence are unclear, leading to confusing reviews and next-session regressions.

Core Features & Use Cases

  • Composition API + reactivity correctness: preserves reactive ownership boundaries using refs/reactive/computed and cleanup-safe watchers.
  • Framework-native contract design: typed props/emits, v-model conventions, slot APIs with accessibility semantics, and provide/inject where appropriate.
  • Scoped, evidence-driven delivery: requires source-of-truth inspection, defines a smallest changed slice, mandates scoped verification commands, and names rollback paths when blocked or failing.
  • Async + forms + accessibility discipline: explicit loading/error/empty/success states, retry/cancellation expectations, and keyboard/role/validation coverage patterns.

Quick Start

Ask your AI tool to deliver a small Vue 3 Composition API change using the Vue Domain Delivery skill, ensuring it inspects the source of truth, performs the declared scoped verification, and provides a rollback path if anything is blocked.

Frequently Asked Questions about vue-domain-delivery

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

FAQPage Schema
How do I verify Vue 3 Composition API changes with correct reactivity and typed contracts?

Verify Vue 3 Composition API changes by inspecting the source of truth, defining the smallest changed slice, and running scoped Vitest commands to enforce correct reactivity ownership, typed props/emits, and slot APIs before delivery.

What's the best way to structure Pinia stores and composables for evidence-backed delivery?

Structure Pinia stores and composables by preserving reactive ownership boundaries using refs and computed properties, then validate the implementation through focused Vue Test Utils coverage to ensure deterministic, evidence-backed delivery.

How does scoped verification work for Vue SFCs and async state management?

Scoped verification for Vue SFCs and async state works by mandating explicit loading, error, empty, and success states with retry or cancellation expectations, then executing targeted Vitest commands to prove the changed slice behaves deterministically.

Can I use this approach to review Vue accessibility behavior and keyboard interactions?

Yes, you can review Vue accessibility behavior and keyboard interactions by validating role semantics, keyboard navigation coverage, and validation patterns within Vue SFCs, ensuring the implementation meets accessibility discipline before merging changes.

Why do my Vue coding sessions cause regressions and confusing code reviews?

Vue coding sessions cause regressions and confusing reviews when reactive ownership, component contracts like props and emits, and verification evidence are unclear, leading to unverified changes that break reactivity boundaries in the next session.

What are the limitations of shipping Vue changes without a defined rollback path?

Shipping Vue changes without a defined rollback path limits deterministic repair on failure, leaving blocked or failing states without explicit recovery instructions and risking unverified reactive ownership boundaries or broken typed contracts in production.