skills.rest
e-xode
e-xodeOFFICIAL
Explore all skills by this author →
WebsiteGitHub

vue-ssr-hooks

Run ordered format, lint, SSR build, and test validation for Vue SSR changes.

3|Updated Jan 14, 2023
Search Tags:#automation#testing#linting#validation#vue 3#ssr build#git digest
One-click install
npx skills add https://github.com/e-xode/vue-ssr --skill vue-ssr-hooks
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: vue-ssr-hooks
Source: https://github.com/e-xode/vue-ssr/tree/main/.claude/skills/vue-ssr-hooks
Command: npx skills add https://github.com/e-xode/vue-ssr --skill vue-ssr-hooks

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

It prevents broken or SSR-incompatible changes from slipping into the Vue SSR starter kit by automatically running a consistent post-change validation pipeline.

Core Features & Use Cases

  • Deterministic validation battery: Executes format, lint, SSR build, and unit tests in a fixed order with stop-on-first-failure behavior.
  • Smart short-circuiting: Skips expensive build/test when only non-code files (like md/json/config) change, and avoids build/test for non-JS/Vue styles-only edits.
  • Change-detection guardrails: Uses a git digest sentinel to avoid rerunning validation when nothing meaningful changed, and blocks subagent prompts from invoking forbidden validation commands.
  • Reliable execution via hooks agent: Routes all validation through the dedicated hooks agent to work around unreliable shell hook execution.

Quick Start

Ask the assistant to validate your change in the Vue SSR project by running the hooks validation pipeline with change detection and format → lint → build → test sequencing.

Frequently Asked Questions about vue-ssr-hooks

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

FAQPage Schema
How do I automate Vue 3 SSR build validation after making code changes?▼

Automated Vue 3 SSR build validation runs formatting, linting, SSR builds, and unit tests in a fixed sequence. This deterministic battery ensures post-task validation catches breaking changes immediately.

Why does my Vue SSR validation pipeline skip the build and test steps?▼

Vue SSR validation skips builds and tests for non-code or styles-only edits. A git digest sentinel also prevents reruns when nothing meaningful changes, saving time on trivial modifications.

What is the correct execution order for Vue SSR post-change checks?▼

The correct execution order for Vue SSR post-change checks is format, lint, build, and then test. This stop-on-first-failure sequence ensures static checks pass before attempting expensive bundle builds.

How to prevent subagents from hijacking validation commands in Vue SSR workflows?▼

Prevent subagent validation-command hijacking in Vue SSR workflows by routing execution through a dedicated hooks agent with guard scripts. This blocks unauthorized prompts from invoking forbidden commands.

Do I need to run lint and format checks separately for Vue SSR starter kits?▼

You do not need to run lint and format checks separately for Vue SSR starter kits. The automated validation pipeline executes both sequentially, stopping immediately if formatting fails before proceeding to builds.

Related Skills

Explore More Software Engineering Skills→
amplitudeamplitude
28

integration-vue-3

Add Amplitude analytics to Vue 3 applications using the Unified Browser SDK.

Official
Intermediate
nicanacnicanac

Deployment

Automate application deployments to Vercel, Docker, and AWS with pre-deployment checks.

Community
Advanced
ArogyaReddyArogyaReddy

shellcheck-configuration

Configure ShellCheck static analysis settings for Bash and POSIX shell scripts.

Community
Intermediate
HyperxqHyperxq
1

lefthook

Enforce Conventional Commits and run Git hooks via Lefthook.

Community
Intermediate