🎯

create-adaptable-composable

🎯Skill

from hyf0/vue-skills

What it does

Agent skills for Vue 3 development, derived from real-world issues and providing specialized patterns for AI agents to enhance Vue development workflows.

Overview

Create Adaptable Composable is part of the Vue Skills collection, an early-stage set of agent skills for Vue 3 development. The skill helps AI agents create well-structured, reusable Vue 3 composables following documented best practices. The collection includes skills for Vue 3 Composition API, Options API, and more, all derived from real-world issues and official Vue patterns.

Key Features

Vue 3 composable guidance -- helps create adaptable, reusable composables following Vue 3 Composition API best practices and documented patterns.
Multiple Vue skill coverage -- the collection covers Composition API + TypeScript best practices, Options API patterns, lifecycle management, and SSR guidance.
Claude Code Marketplace support -- installable via both npx skills add and the Claude Code plugin marketplace for flexible integration.
Explicit skill triggering -- prefix prompts with "use vue skill" for reliable activation, ensuring the AI follows the documented patterns consistently.
Community-driven development -- an early experiment welcoming feedback, with plans to potentially transfer to the official Vue organization.

Who is this for?

This skill is designed for Vue 3 developers who use AI coding assistants and want guidance on creating reusable composables that follow official best practices. It is particularly helpful for developers working with the Composition API and TypeScript who want to avoid common gotchas and ensure consistent patterns across their codebase.

📦

Same repository

hyf0/vue-skills(11 items)

create-adaptable-composable

Installation

Vibe Index InstallInstalls to .claude/skills/ - auto-recognized by Claude Code

npx vibeindex add hyf0/vue-skills --skill create-adaptable-composable

skills.sh Install⚠ Installs to .agents/skills/ - may not be auto-recognized by Claude Code

npx skills add hyf0/vue-skills --skill create-adaptable-composable

Manual InstallCopy SKILL.md content and save to the path below

~/.claude/skills/create-adaptable-composable/SKILL.md

SKILL.md

959Installs

1,301

Last UpdatedJan 29, 2026

View on GitHub Back to Skills

More from this repository10

🎯

vue-best-practices🎯Skill

A Vue 3 skill for AI agents providing Composition API and TypeScript best practices, common gotcha prevention, SSR guidance, and performance patterns for Claude Code and Cursor.

🎯

vue-debug-guides🎯Skill

Diagnoses and resolves Vue 3 runtime errors, async failures, hydration issues, and common component debugging challenges.

🎯

vue-pinia-best-practices🎯Skill

Agent skills for Vue 3 development, derived from real-world issues and providing specialized patterns for AI agents to enhance Vue development workflows.

🎯

vue-router-best-practices🎯Skill

Agent skills for Vue 3 development, derived from real-world issues and providing specialized patterns for AI agents to enhance Vue development workflows.

🎯

vue-options-api-best-practices🎯Skill

Vue 3 Options API best practices covering TypeScript integration, method binding, lifecycle hooks, computed properties, and common gotchas like arrow function pitfalls and stateful method lifecycle management.

🎯

vue-testing-best-practices🎯Skill

Agent skills for Vue 3 development, derived from real-world issues and providing specialized patterns for AI agents to enhance Vue development workflows.

🎯

vue-jsx-best-practices🎯Skill

Agent skills for Vue 3 development, derived from real-world issues and providing specialized patterns for AI agents to enhance Vue development workflows.

🎯

vue-development-guides🎯Skill

Provides comprehensive Vue.js development guidelines and best practices for creating, refactoring, and reviewing Vue and Nuxt projects with a focus on code quality

🎯

pinia-best-practices🎯Skill

Provides Pinia state management best practices for Vue.js applications including store patterns, code organization, and performance optimization

🎯

vueuse-best-practices🎯Skill

Provides VueUse composable best practices for efficiently leveraging utility functions and reactive patterns in Vue.js applications