Skills
.Work. You
Rest

tdc-frontend

Community

Vue 3 frontend scaffolding for The Dreamer's Cave

Software Engineering#frontend#i18n#vue3#gsap#ui-components#composition-api
AuthorAlex-65
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill enables rapid creation of Vue.js 3 frontend code for The Dreamer's Cave website, covering components, composables, stores, animations, and theming, reducing boilerplate and accelerating UI iterations.

Core Features & Use Cases

  • Component generation: Create Vue components following the project's Composition API pattern.
  • Composable and store scaffolding: Provide reusable logic with composables and Pinia stores.
  • Animation and theming: Integrate GSAP animations, Lenis smooth scrolling, and dynamic theming through a location-based theme system.
  • i18n and WYSIWYG: Include internationalization patterns and a TipTap-based rich text editor approach.

Quick Start

Create a new Vue 3 component named MyButton.vue using the script setup pattern, including a minimal template and Tailwind utility classes.

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: tdc-frontend
Download link: https://github.com/Alex-65/tdcweb/archive/main.zip#tdc-frontend

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.