hyf0/vue-pinia-best-practices
Pinia stores, state management patterns, store setup, and reactivity with stores.
Pinia stores, state management patterns, store setup, and reactivity with stores.
npx skills add https://github.com/hyf0/vue-skills/tree/main/skills/vue-pinia-best-practicesPinia stores, state management patterns, store setup, and reactivity with stores.
This repo contains 7 individual skills — each has its own dedicated page.
Create a library-grade Vue composable that accepts maybe-reactive inputs (MaybeRef / MaybeRefOrGetter) so callers can pass a plain value, ref, or getter. Normalize inputs with toValue()/toRef() inside reactive effects (watch/watchEffect) to keep behavior predictable and reactive. Use this skill when user asks for creating adaptable or reusable composables.
MUST be used for Vue.js tasks. Strongly recommends Composition API with `<script setup>` and TypeScript as the standard approach. Covers Vue 3, SSR, Volar, vue-tsc. Load for any Vue, .vue files, Vue Router, Pinia, or Vite with Vue work. ALWAYS use Composition API unless the project explicitly requires Options API.
Vue 3 debugging and error handling for runtime errors, warnings, async failures, and SSR/hydration issues. Use when diagnosing or fixing Vue issues.
JSX syntax in Vue (e.g., class vs className, JSX plugin config).
Vue 3 Options API style (data(), methods, this context). Each reference shows Options API solution only.
Vue Router 4 patterns, navigation guards, route params, and route-component lifecycle interactions.
Use for Vue.js testing. Covers Vitest, Vue Test Utils, component testing, mocking, testing patterns, and Playwright for E2E testing.
📱 Monitor your AI conversations and model quotas effortlessly with Antigravity Mobile, a mobile-friendly dashboard for Antigravity IDE.
StreetVoice 街聲名片自動化製作 skill (Claude Code)
教练，我想训练 Skill。A local Agent Skill that trains unstable skill packages with bounded patches, human review, validation logs, and rejected memory.
Governance-driven AI development framework -- convention enforcement, quality gates, and domain expertise for Claude Code, Gemini CLI, and Codex
Agent skill for setting up code quality tools (formatters, linters, type checkers, dependency scanners) across 13+ languages
McKinsey顾问式问题解决系统。从商业问题出发,通过假设驱动的结构化分析方法,生成McKinsey风格研究报告和PPT。融合Problem Solving方法论、MECE原则、Issue Tree拆解、Hypotheses形成、Dummy Page设计、智能数据收集和专业PPT生成能力。