Skills
.Work. You
Rest

typescript-shims

Community

Type-safe Vue imports with TS shims.

Software Engineering#typescript#vue#vite#svg#types#shims
Authorsayali-ingle-pdl
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill generates TypeScript declaration files (shims) to enable type-safe imports of non-TypeScript modules in a Vue 3 application.

Core Features & Use Cases

  • Vue Component Shims: Declare a module pattern for *.vue files, import the appropriate Vue component type, and type the default export as a Vue component definition with flexible generics.
  • SVG Asset Shims: Provide module declarations for *.svg as components and for *.svg?url as strings to support both inline SVG usage and URL-based asset referencing.
  • Use Case: Integrate robust typing in a Vue 3 project to safely import Vue components and SVG assets across the codebase.

Quick Start

Run the shims generator in your Vue 3 project to create shims-vue.d.ts and shims-svg.d.ts in your src directory.

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: typescript-shims
Download link: https://github.com/sayali-ingle-pdl/adusa-ai-vuejs-app-template/archive/main.zip#typescript-shims

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.