PatternsDev

PatternsDev/skills

Skill Claude Code

Teaches Vue component fundamentals including markup, logic, and styles. Use when building or structuring Vue single-file components as the foundational building blocks of your application.

PatternsDev/skills

Skill Claude Code

Teaches Vue composables for reusable stateful logic with the Composition API. Use when extracting shared reactive state, side effects, or computed logic that multiple components need.

PatternsDev/skills

Skill Claude Code

Teaches the container/presentational pattern for Vue components. Use when you want to separate data fetching and business logic from presentation for better testability and reuse.

PatternsDev/skills

Skill Claude Code

Teaches the data provider pattern using renderless components and scoped slots. Use when you need to abstract data fetching or state management logic and expose it to child components via slots.

PatternsDev/skills

Skill Claude Code

Teaches dynamic component switching with Vue's element. Use when you need to render different components conditionally based on runtime state using the is attribute.

PatternsDev/skills

Skill Claude Code

Teaches Vue's provide/inject API for dependency injection across components. Use when deeply nested components need access to ancestor data without threading props through intermediate layers.

PatternsDev/skills

Skill Claude Code

Teaches Vue render functions and JSX for programmatic template creation. Use when templates are too limiting and you need the full power of JavaScript to construct component output dynamically.

PatternsDev/skills

Skill Claude Code

Teaches the renderless component pattern for logic-only Vue components. Use when you want to encapsulate behavior without dictating markup, letting consumers control rendering via scoped slots.

PatternsDev/skills

Skill Claude Code

Teaches Vue's script setup syntax for concise Composition API usage. Use when writing Vue 3 single-file components and you want a more ergonomic, less boilerplate syntax for the Composition API.

PatternsDev/skills

Skill Claude Code

Teaches Vue state management with stores, Pinia, and the Composition API. Use when you need to share and synchronize state across multiple components beyond what props and events can handle.