vuejs-ai/skills
Developer toolsЭта страница переведена автоматически. Технические детали смотрите в оригинале. Открыть оригинал
vuejs-ai/skills — это кандидат на навыки агента, импортированный из https://github.com/vuejs-ai/skills.
Обзор
vuejs-ai/skills — это кандидат на навыки агента, импортированный из https://github.com/vuejs-ai/skills.
Обзор (машинный перевод)
Навыки агента для разработки Vue 3.
🚧 Ранний эксперимент / Общественный проект
Этот репозиторий — ранний эксперимент по созданию специализированных навыков для агентов ИИ для улучшения разработки Vue 3. Навыки берутся из реальных проблем, но могут быть неполными из-за галлюцинаций — пожалуйста, дайте обратную связь. Если это будет полезно, я планирую предложить передать этот проект организации Vue для пользы широкой общественности.
Установка
Маркетплейс Claude Code
Альтернатива для пользователей Claude Code:
Использование
Для наиболее надёжных результатов добавьте к запросу use vue skill:
Это явно активирует навык и гарантирует, что ИИ следует задокументированным шаблонам. Без префикса триггер навыка может быть непоследовательным в зависимости от того, насколько ваш запрос совпадает с ключевыми словами описания навыка.
Доступные навыки
| Навык | Когда использовать | Описание |
|---|---|---|
| vue-лучшие практики | Vue 3 + API композиции + TypeScript | Лучшие практики, распространённые загвоздки, рекомендации по SSR, производительность |
| vue-options-api-best-practices | API опций (data(), methods) |
this контекст, жизненный цикл, TypeScript с API опций |
Эта страница переведена автоматически. Технические детали смотрите в оригинале.
README
Показан фрагмент оригинального README. Открыть оригинал.
vue-skills
Agent skills for Vue 3 development.
🚧 Early Experiment / Community Project
This repository is an early experiment in creating specialized skills for AI agents to enhance Vue 3 development. Skills are derived from real-world issues but may be incomplete due to hallucinations—please give feedback. If valuable, I plan to propose transferring this project to the Vue organization to benefit the wider community.
Installation
npx skills add vuejs-ai/skills
Claude Code Marketplace
An alternative for Claude Code users:
# Add marketplace
/plugin marketplace add vuejs-ai/skills
# Install all skills at once
/plugin install vue-skills-bundle@vue-skills
# Install individual skills
/plugin install vue-best-practices@vue-skills
# Install multiple skills
/plugin install vue-best-practices@vue-skills vue-router-best-practices@vue-skills
Usage
For most reliable results, prefix your prompt with use vue skill:
Use vue skill,
This explicitly triggers the skill and ensures the AI follows the documented patterns. Without the prefix, skill triggering may be inconsistent depending on how closely your prompt matches the skill’s description keywords.
Available Skills
| Skill | When to use | Description |
|---|---|---|
| vue-best-practices | Vue 3 + Composition API + TypeScript | Best practices, common gotchas, SSR guidance, performance |
| vue-options-api-best-practices | Options API (data(), methods) |
this context, lifecycle, TypeScript with Options API |
| vue-router-best-practices | Vue Router 4 | Navigation guards, route params, route-component lifecycle |
| vue-pinia-best-practices | Pinia for state management | Store setup, reactivity, state patterns |
| vue-testing-best-practices | Writing component or E2E tests | Vitest, Vue Test Utils, Playwright |
| vue-jsx-best-practices | JSX in Vue | Syntax differences from React JSX |
| vue-debug-guides | Debugging Vue 3 issues | Runtime errors, warnings, async error handling, hydration issues |
| create-adaptable-composable | Creating reusable composables | MaybeRef/MaybeRefOrGetter input patterns |
Examples
vue-best-practices
Demo - Todo App
Prompt
create a todo app
🔎 See demo full output.
Changes after using skill
- More readable code
- Components split
- Moved states into composables (useTodos.ts)
- Use
shallowReffor primitive reactive data (see Reactivity reference)
create-adaptable-composable
Рекомендуемые инструменты
Попробуйте другой запрос или уберите фильтр.
Установка
npx skillfish add vuejs-ai/skills