skills.rest
endlessblink
endlessblinkCOMMUNITY
Explore all skills by this author →
GitHub

Create Vue Components

Generate Vue 3 components with TypeScript and Pinia integration.

Updated Nov 29, 2025
Search Tags:#frontend#TypeScript#Vue#Pinia#Vue 3#Composition API#component development
One-click install
npx skills add https://github.com/endlessblink/pomo-flow --skill create-vue-components
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: Create Vue Components
Source: https://github.com/endlessblink/pomo-flow/tree/main/archive/.old-pomo-flow-worktrees/pomo-flow-ui/.claude/skills/vue-development
Command: npx skills add https://github.com/endlessblink/pomo-flow --skill create-vue-components

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill accelerates Vue 3 component development by providing best practices for Composition API, TypeScript, and Pinia integration, ensuring consistent, maintainable, and performant UI code.

Core Features & Use Cases

  • Standardized Structure: Generate new Vue components following project-specific conventions.
  • TypeScript Integration: Ensure type safety for props, emits, and reactive state.
  • Pinia State Management: Seamlessly connect components to Pinia stores for global state.
  • Use Case: You need to create a new TaskCard component. Use this skill to scaffold the component with the correct <script setup lang="ts"> structure, define props, integrate with useTaskStore, and apply design tokens for styling.

Quick Start

Create a new Vue 3 component called UserProfileCard with props for userId and readonly, and integrate it with a useUserStore.