Skills
.Work. You
Rest

ts-vue-svelte

Community

Master TS with Vue 3 and Svelte 5 patterns

Software Engineering#typescript#vue#patterns#svelte#vue3#composition-api#stores
AuthorJonathan0823
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides guidelines and concrete patterns for building TypeScript-friendly Vue 3 (Composition API) and Svelte 5 projects, improving consistency and maintainability across front-end codebases.

Core Features & Use Cases

  • Vue 3 Patterns: Composition API usage, prop typing, emits, and lifecycle integration with TypeScript.
  • Composables & Stores: Typed composables, Pinia stores for Vue, and Svelte stores for state management.
  • Svelte 5 Patterns: Runes-based components, stores, and transition patterns to build reactive UI with strong typing.
  • Component Architecture: Reusable patterns for components, slots, and event-driven communication.
  • Usage Scenarios: Ideal for teams adopting a mixed Vue 3 + Svelte 5 stack in enterprise front-end projects.

Quick Start

Install a Vue 3 + TypeScript project and a Svelte 5 setup; then study the included patterns and examples to apply type-safe best practices immediately.

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: ts-vue-svelte
Download link: https://github.com/Jonathan0823/opencode-config/archive/main.zip#ts-vue-svelte

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.