skills.rest
sayali-ingle-pdl
sayali-ingle-pdlCOMMUNITY
Explore all skills by this author →
GitHub

tsconfig

Generate a tsconfig.json with @/ path alias, Jest types, and Vite client types.

Updated Nov 20, 2025
Search Tags:#typescript#vue#jest#vite#generate#tsconfig#path-alias
One-click install
npx skills add https://github.com/sayali-ingle-pdl/adusa-ai-vuejs-app-template --skill tsconfig
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: tsconfig
Source: https://github.com/sayali-ingle-pdl/adusa-ai-vuejs-app-template/tree/main/.github/agents/app-starter/agents-context/skills/tsconfig
Command: npx skills add https://github.com/sayali-ingle-pdl/adusa-ai-vuejs-app-template --skill tsconfig

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Generates a tsconfig.json for TypeScript compilation configuration used in Vue/JS projects. It includes path aliases (@/ for src/), Jest types, and Vite client types for environment compatibility.

Core Features & Use Cases

  • Path alias configuration using @/ for the src/ directory.
  • Includes Jest type declarations and Vite client types for development and testing.
  • Produces a deterministic tsconfig.json ready for npm/yarn-based projects.

Quick Start

Create a tsconfig.json configured for @/ path alias to src/, with Jest types and Vite client types.

Frequently Asked Questions about tsconfig

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

FAQPage Schema
How do I set up a tsconfig.json with path aliases for a Vite project?▼

Set up a tsconfig.json by defining the @/ path alias mapping to the src/ directory and including Vite client types for development environment compatibility.

What is the best way to configure TypeScript path aliases for Jest and Vite?▼

Configuring TypeScript path aliases requires a deterministic tsconfig.json that maps @/ to src/, explicitly including Jest type declarations and Vite client types for testing and module resolution.

Does a generated tsconfig.json automatically include Jest types for testing?▼

Yes, the generated tsconfig.json explicitly includes Jest type declarations alongside Vite client types to ensure testing and development environments resolve correctly.

How do I generate TypeScript compiler options for Vue projects?▼

Generate TypeScript compiler options for Vue projects by applying a deterministic template that sets module resolution, type roots, and @/ path mapping for the src/ directory.

Can I use this tsconfig generation for npm or yarn based workflows?▼

Yes, the generated tsconfig.json produces a deterministic configuration file ready for npm or yarn based project workflows involving code compilation and Vite-based development.

Why do I need Vite client types in my TypeScript configuration?▼

Vite client types are needed in your TypeScript configuration to provide environment compatibility and ensure proper module resolution for Vite-based development workflows.

Related Skills

Explore More Software Engineering Skills→
limkyuleelimkyulee

vue-layer-app

Generate Vue 3 root configuration and bootstrapped src/app layer files.

Community
Intermediate
ehtbantonehtbanton

jest-config-generator

Generates Jest config files for JavaScript and TypeScript projects.

Community
Intermediate
jackspacejackspace
16

content-collections

Transform local Markdown/MDX into type-safe TypeScript data with Zod validation.

Community
Advanced
marcioaltoemarcioaltoe
14

barrel-craft

Generate barrel files to consolidate exports in TypeScript/React projects.

Community
Intermediate