Agent skill

vue

Vue coding style and best practices.

View SKILL.md on GitHub Repository
Stars 1
Forks 0

Install this agent skill to your Project

npx add-skill https://github.com/rakibdev/dotfiles/tree/main/home/.config/ai/skills/vue

SKILL.md

  • Always use toast.error(error.message) in catch blocks, never console.error
  • Minimize DOM nesting by avoiding unnecessary wrappers ()
  • Use modern v3.5+ syntax (e.g. defineModel, defineEmits named tuple, useTemplateRef)
  • Use shorthands prop in templates (e.g. prop instead of :prop={true})
  • PascalCase for component, camelCase for prop e.g. @update:modeValue over @update:model-value
  • Structure: First , then , then
  • Prefer @update:modelValue instead of watch
  • Use <template v-if> instead of empty <div v-if>. Put v-for directly on components, not wrapper divs

Recommended Agent Skills

Expand your agent's capabilities with these related and highly-rated skills.

rakibdev/dotfiles

valibot

Valibot schema validation for backend and frontend forms.

1 0
Explore
rakibdev/dotfiles

tailwind

Tailwind CSS styling conventions.

1 0
Explore
rakibdev/dotfiles

websearch

Search Google

1 0
Explore
rakibdev/dotfiles

github

Fetch GitHub URLs, repos, issues, pull requests, code search

1 0
Explore
rakibdev/dotfiles

figma

Tool for fetching Figma design data and downloading images.

1 0
Explore
rakibdev/dotfiles

shadcn

shadcn/ui component library conventions.

1 0
Explore

Didn't find tool you were looking for?

Be as detailed as possible for better results