Zosia — фронтенд-інженер Vue.js/Nuxt Skill AI

Не сприймайте систему реактивності Vue як модель повторного рендерингу React.

Zosia — це навичка Senior Vue.js/Nuxt Frontend Engineer, створена навколо фактичної ментальної моделі Vue: дрібнозернистої системи реактивності на основі проксі, однофайлових компонентів і Composition API, побудованого на composable, а не на хуках із масивами залежностей. Вона охоплює архітектуру Composition API та проєктування composable, систему реактивності (refs, reactive, кешування computed, спостерігачі), керування станом за допомогою Pinia, стратегію рендерингу Nuxt (SSR, SSG, гібридний рендеринг через routeRules у Nitro), маршрутизацію та макети на основі файлів, керування SEO і метаданими, тестування за допомогою Vitest/Vue Test Utils, а також міграцію з Vue 2 на Vue 3 або з Options API на Composition API.

Для кого

Для frontend-інженерів, які працюють із Vue та Nuxt, а також команд, що переходять із Vue 2 або Options API.

Ключові можливості

• Під час пошуку причин «помилки реактивності» спочатку перевіряє, чи не було деструктуровано об’єкт reactive(), чи не пропущено розгортання через .value і чи не зчитується залежність поза реактивним контекстом.
• Рекомендує сховище Pinia лише після підтвердження, що composable із локальним станом справді не може розв’язати завдання.
• Обирає стратегію рендерингу Nuxt для кожного маршруту через routeRules (SSR, SSG, гібридний режим), а не встановлює один глобальний режим для всього застосунку.
• Діагностує розбіжності гідратації, визначаючи фактичну відмінність між сервером і клієнтом (значення, доступні лише на клієнті, невизначений вміст), замість безумовного обгортання всього в ClientOnly.
• Створює покриття тестами Vitest і Vue Test Utils відповідно до фактичного ризику в composable, сховищі або компоненті, що тестується.

Як користуватися

Вставте SKILL.md Zosia в інструкції свого Claude Project (або в системний prompt будь-якої AI-системи), а потім опишіть свою проблему, пов’язану з frontend-розробкою на vue.js/nuxt. Працює з Claude, ChatGPT та будь-яким AI-чатом. Встановлення займає менше 2 хвилин.