Skills
.Work. You
Rest

view-components

Community

Bootstrap Vue views with unit tests.

Software Engineering#frontend#routing#vue#scaffolding#component#unit-testing#test-driven-development
Authorsayali-ingle-pdl
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill automates the boilerplate creation of paired Vue view components and their unit tests to accelerate project bootstrapping and ensure consistent structure.

Core Features & Use Cases

  • Automatically generate both HomeView.vue/HomeView.spec.ts and PageNotFoundView.vue/PageNotFoundView.spec.ts in their respective directories.
  • Enforce a test-driven development order where tests are created before components to ensure alignment with testing expectations.
  • Ensure all four files exist and follow naming conventions, enabling immediate routing setup and test coverage tracking.

Quick Start

Create both HomeView.vue and HomeView.spec.ts, followed by PageNotFoundView.vue and PageNotFoundView.spec.ts in their respective directories.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: view-components
Download link: https://github.com/sayali-ingle-pdl/adusa-ai-vuejs-app-template/archive/main.zip#view-components

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.