Build tools и бандлинг 1
▼
Использует Vite для разработки Vue-проекта — HMR, dev server, базовая конфигурация vite.config.ts. Понимает разницу между dev и production режимами, настраивает aliases и environment variables.
Настраивает Vite для Vue-проекта — плагины (unplugin-auto-import, unplugin-vue-components), proxy для API, оптимизация dep pre-bundling. Конфигурирует Vitest через vite.config, настраивает SSR режим для Nuxt.
Проектирует Vite конфигурацию для масштабных Vue-приложений — custom плагины, multi-entry builds, library mode для компонентных библиотек. Оптимизирует время сборки через parallelism, caching и incremental builds.
Определяет стандарты Vite-конфигурации для Vue-команд — shared presets, plugin governance, migration guide. Внедряет Turborepo для монорепо с Vue-проектами, оптимизирует CI/CD pipeline через кэширование Vite артефактов.
CSS и стилизация 4
▼
Использует CSS-in-JS на базовом уровне. Создаёт простые компоненты по дизайну. Понимает базовые концепции и следует component guidelines.
Реализует сложные Vue-компоненты с CSS-in-JS библиотеками или scoped styles с динамическими bindings. Оптимизирует рендеринг, минимизируя пересчёты стилей в реактивном контексте. Применяет паттерны переключения тем и state-driven стилизации в Vue SFC.
Проектирует архитектуру дизайн-системы Vue с CSS-in-JS: token-based theming, композиция вариантов, изоляция стилей. Оптимизирует bundle size и Core Web Vitals через tree-shaking и critical CSS extraction. Создаёт доступные переиспользуемые компонентные библиотеки.
Определяет архитектуру CSS-in-JS на уровне продукта для Vue: оценка стратегий стилизации (SFC scoped vs CSS-in-JS), governance design tokens, стандарты API компонентов. Проводит ревью, обеспечивая масштабируемость, доступность и производительность.
Применяет базовые utility-классы Tailwind CSS во Vue-компонентах — отступы, цвета, типографика, flexbox. Использует директивы @apply в scoped-стилях Vue SFC, понимает конфигурацию tailwind.config через Vite.
Создаёт кастомную дизайн-систему на Tailwind для Vue-проекта — custom theme, плагины, компоненты на Headless UI. Оптимизирует PurgeCSS конфигурацию для Vite, использует @tailwindcss/typography и анимации.
Проектирует масштабируемую Tailwind-архитектуру для Vue-приложений — design tokens, multi-theme поддержка, dark mode через CSS variables. Интегрирует UnoCSS как альтернативу, оптимизирует критические CSS через Vite-плагины.
Определяет стандарты использования Tailwind CSS в Vue-команде — naming conventions, компонентные абстракции, интеграция с Storybook. Внедряет систему design tokens синхронизированных между Figma и Tailwind конфигурацией.
Использует готовые компоненты Vue дизайн-систем — Vuetify, PrimeVue, Headless UI. Следует документации при кастомизации, понимает слоты и props для адаптации компонентов под требования проекта.
Создаёт библиотеку Vue-компонентов с единым API — slots, expose, v-model кастомизация. Документирует компоненты в Storybook с Histoire, пишет component tests через Vitest и Vue Test Utils.
Проектирует дизайн-систему на Vue 3 — headless компоненты с Tailwind-стилизацией, токены, иконки, типографика. Организует монорепо для дизайн-системы с Turborepo, автоматизирует публикацию через changesets.
Определяет архитектуру дизайн-системы организации на Vue — governance, versioning, adoption strategy. Выстраивает процесс синхронизации между дизайнерами (Figma) и Vue-компонентами через tokens и code generation.
Применяет scoped-стили и CSS-переменные во Vue SFC. Использует Flexbox и Grid для макетов Vue-компонентов, понимает каскадность стилей и специфичность в контексте scoped и deep-селекторов Vue.
Создаёт адаптивные макеты с Container Queries и CSS Grid во Vue-компонентах. Реализует анимации через CSS Transitions и Vue Transition/TransitionGroup, использует :deep() и :slotted() селекторы.
Проектирует CSS-архитектуру для масштабных Vue-приложений — CSS Layers для управления каскадом, custom properties для theming, View Transitions API. Оптимизирует критические стили через Vite CSS code splitting.
Определяет стандарты CSS-архитектуры для Vue-команд — методологии, tooling, performance budgets для стилей. Внедряет системы автоматической проверки CSS-качества — Stylelint, visual regression через Playwright.
Frontend-архитектура 1
▼
Понимает различия между SSR, SSG и CSR в контексте Nuxt 3. Настраивает базовый Nuxt-проект с выбранной стратегией рендеринга, использует routeRules для гибридного рендеринга отдельных страниц.
Реализует гибридный рендеринг в Nuxt 3 — ISR через routeRules, SWR-кэширование, prerendering статических страниц. Решает проблемы hydration mismatch, настраивает client-only и server-only компоненты.
Проектирует SSR-архитектуру масштабного Nuxt-приложения — streaming SSR, selective hydration, edge rendering через Nitro. Оптимизирует TTFB через серверное кэширование, CDN-стратегии и progressive rendering.
Определяет стратегию рендеринга для Vue-проектов организации — SSR vs SSG vs ISR для разных типов контента, инфраструктурные требования. Внедряет мониторинг SSR-производительности и стандарты деплоя Nuxt-приложений.
Frontend-тестирование 2
▼
Понимает концепцию visual regression тестирования для Vue-компонентов. Настраивает Storybook для Vue 3 с Histoire, создаёт stories для UI-компонентов как базу для визуальных снапшотов.
Настраивает visual regression тесты для Vue-компонентов через Playwright и Percy/Chromatic. Интегрирует с Storybook — автоматические скриншот-тесты для каждого story, настраивает threshold и viewport breakpoints.
Проектирует систему visual regression тестирования для Vue дизайн-системы — CI интеграция, управление baseline, multi-browser/device проверки. Создаёт custom матрицу тестов покрывающую темы, RTL и responsive-состояния.
Определяет стратегию visual testing для Vue-команд — tooling (Chromatic vs Percy vs Playwright), governance baseline approvals, интеграция в code review. Внедряет процессы визуальной валидации при обновлении дизайн-системы.
Пишет базовые тесты Vue-компонентов через Vitest и Vue Test Utils — mount, проверка рендеринга, взаимодействие с props. Тестирует emit-события и слоты, понимает разницу между mount() и shallowMount().
Создаёт комплексные component-тесты — мокирование Pinia-сторов, Vue Router, API-вызовов через MSW. Тестирует composables изолированно, использует Vitest snapshot-тесты и custom matchers для Vue-специфичных проверок.
Проектирует стратегию component testing для Vue-приложения — testing library подход, contract testing для shared компонентов, performance тесты рендеринга. Создаёт test utilities и fixtures для эффективного тестирования Vue-экосистемы.
Определяет стандарты тестирования компонентов для Vue-команд — coverage thresholds, testing patterns, review checklist. Внедряет culture of testing через обучение, шаблоны и автоматизированные проверки качества тестов в CI.
Git и workflow 1
▼
Использует базовые Git-команды для Vue-проекта — commit, branch, merge, pull request. Понимает .gitignore для Vue/Nuxt — dist, node_modules, .nuxt, .output. Работает с feature branches по Git Flow.
Применяет продвинутые Git-техники для Vue-разработки — interactive rebase, cherry-pick, bisect для поиска регрессий. Настраивает Husky + lint-staged для pre-commit проверок ESLint и TypeScript в Vue-проекте.
Проектирует Git-стратегию для Vue-монорепо — Turborepo workspace, conventional commits, automated changelogs. Настраивает CODEOWNERS для Vue-компонентов и shared библиотек, решает сложные merge conflicts в package-lock.
Определяет Git workflow для Vue-команд — branching strategy, release process, hotfix procedure. Внедряет автоматизацию — semantic versioning, automated release notes, changelog generation для Vue-компонентных библиотек.
State management 2
▼
Использует useFetch и useAsyncData в Nuxt 3 для загрузки данных. Понимает разницу между серверной и клиентской загрузкой, обрабатывает loading и error состояния в Vue-компонентах через реактивные ref.
Реализует эффективную загрузку данных — кэширование через useFetch с ключами, параллельные запросы, дедупликация. Настраивает interceptors через ofetch, реализует optimistic updates в Pinia-сторах с rollback при ошибках.
Проектирует data fetching layer для Vue-приложения — абстракция над API, typed endpoints, автоматическая инвалидация кэша. Реализует real-time обновления через SSE/WebSocket composables, интегрирует с Nuxt server routes.
Определяет архитектуру data layer для Vue-проектов организации — стандарты API-клиентов, caching strategy, error handling patterns. Внедряет end-to-end type safety через tRPC или typed route rules в Nuxt 3.
Использует Pinia для управления состоянием Vue-приложения — определение stores через defineStore, реактивные state, getters, actions. Понимает когда использовать локальный state компонента vs Pinia-стор.
Проектирует структуру Pinia-сторов — модульная организация, composable stores, плагины для персистенции и devtools. Использует VueUse composables для глобального состояния — useStorage, useBreakpoints, createSharedComposable.
Проектирует масштабируемую архитектуру состояния — Pinia с domain-driven модулями, optimistic updates, offline sync. Реализует server state management через Nuxt useState, создаёт абстракции для кэширования и инвалидации.
Определяет стратегию state management для Vue-проектов — модульная архитектура Pinia, cross-tab sync, migration patterns. Внедряет стандарты организации сторов, обучает команды паттернам управления сложным состоянием.
Vue экосистема 2
▼
Использует Nuxt на базовом уровне. Создаёт простые компоненты по дизайну. Понимает базовые концепции и следует component guidelines.
Самостоятельно реализует сложные UI-компоненты с Nuxt. Оптимизирует производительность рендеринга. Пишет тесты. Применяет инструменты для state management.
Проектирует архитектуру frontend с Nuxt. Оптимизирует bundle size и Core Web Vitals. Создаёт design systems и переиспользуемые компоненты. Менторит команду.
Определяет frontend-архитектуру на уровне продукта с Nuxt. Формирует стандарты и best practices. Проводит архитектурные review.
Использует Vue Core на базовом уровне. Создаёт простые компоненты по дизайну. Понимает базовые концепции и следует component guidelines.
Самостоятельно реализует сложные UI-компоненты с Vue Core. Оптимизирует производительность рендеринга. Пишет тесты. Применяет инструменты для state management.
Проектирует архитектуру frontend с Vue Core. Оптимизирует bundle size и Core Web Vitals. Создаёт design systems и переиспользуемые компоненты. Менторит команду.
Определяет frontend-архитектуру на уровне продукта с Vue Core. Формирует стандарты и best practices. Проводит архитектурные review.
Web Performance 2
▼
Понимает метрики Core Web Vitals — LCP, FID, CLS и их влияние на UX. Измеряет показатели Vue-приложения через Lighthouse и Chrome DevTools, применяет базовые оптимизации — lazy loading изображений, font-display.
Оптимизирует Core Web Vitals Vue-приложения — code splitting через динамические import(), оптимизация LCP с Nuxt Image, устранение CLS через skeleton screens и aspect-ratio для медиа-контента.
Проектирует систему мониторинга Core Web Vitals для Vue-приложений — RUM через web-vitals библиотеку, performance budgets в CI. Оптимизирует INP через дебаунсинг обработчиков, requestIdleCallback и Vue scheduler.
Определяет performance budgets и SLA по Core Web Vitals для Vue-проектов организации. Внедряет Lighthouse CI в pipeline, настраивает алертинг на деградацию метрик, обучает команды оптимизации.
Понимает базовые принципы бандлинга Vite — entry points, chunks, tree shaking. Анализирует размер бандла через vite-bundle-visualizer, применяет динамические import() для ленивой загрузки роутов Vue Router.
Оптимизирует бандл Vue-приложения — настройка Vite rollupOptions для chunk splitting, manualChunks для vendor-библиотек. Настраивает code splitting по роутам Nuxt 3, оптимизирует размер Pinia-сторов через tree shaking.
Проектирует стратегию бандлинга для масштабных Vue-приложений — granular chunks, prefetch hints, module federation. Анализирует и устраняет дублирование зависимостей, оптимизирует Vite build через custom Rollup плагины.
Определяет performance budgets для бандлов Vue-проектов организации — автоматические проверки размера в CI, алертинг на рост. Внедряет стратегию оптимизации — dependency audit, bundle analysis, automated size regression testing.
Алгоритмы и структуры данных 2
▼
Понимает базовую сложность O(n) и O(n²) при работе с массивами и списками во Vue-компонентах. Умеет оценивать влияние вложенных циклов на производительность рендеринга и computed-свойств в Composition API.
Оптимизирует алгоритмы фильтрации и сортировки данных в computed-свойствах Pinia-сторов. Применяет мемоизацию и кэширование в VueUse-composables для предотвращения лишних вычислений при обновлении реактивного состояния.
Проектирует эффективные алгоритмы для виртуализации больших списков и деревьев во Vue 3. Оптимизирует критические пути рендеринга через профилирование Vue DevTools, применяя стратегии ленивых вычислений и incremental diffing.
Определяет архитектурные стандарты алгоритмической эффективности для Vue-приложений масштаба enterprise. Внедряет системы мониторинга производительности computed-свойств и watchers через Vue DevTools и Lighthouse CI.
Работает с массивами и объектами в reactive() и ref() Vue 3. Понимает ограничения реактивности при мутации вложенных структур, корректно использует shallowRef и shallowReactive для плоских данных.
Проектирует нормализованные структуры данных в Pinia-сторах для эффективного обновления UI. Использует Map и Set в composables, понимает работу реактивного прокси Vue 3 с различными типами коллекций.
Разрабатывает сложные структуры данных для кэширования, виртуализации и offline-хранения во Vue-приложениях. Оптимизирует структуру Pinia-сторов для минимизации пересчётов computed-свойств при частых обновлениях.
Определяет архитектуру данных масштабных Vue-приложений — нормализация, денормализация, индексирование в клиентских сторах. Проектирует универсальные composables для работы с типизированными коллекциями через TypeScript generics.
Безопасность приложений 1
▼
Понимает базовые уязвимости веб-приложений — XSS, CSRF и их предотвращение во Vue. Использует встроенную защиту Vue 3 от XSS через автоматическое экранирование в шаблонах, избегает v-html с пользовательскими данными.
Реализует защиту Vue-приложения от OWASP Top 10 — CSP headers в Nuxt, sanitization пользовательского ввода, secure cookie configuration. Настраивает Nuxt Security модуль, проводит аудит зависимостей через npm audit.
Проектирует систему безопасности для Vue-приложений — security headers через Nitro middleware, auth flow с PKCE, subresource integrity. Проводит security review компонентов, внедряет automated vulnerability scanning в CI pipeline.
Веб-стандарты и API 4
▼
Понимает основы PWA и интегрирует их в Vue-приложения. Использует @vue/cli-plugin-pwa или vite-plugin-pwa для генерации service worker. Настраивает стратегии кэширования и офлайн-поддержку, следуя паттернам экосистемы Vue.
Настраивает PWA для Vue/Nuxt — стратегии кэширования Workbox, push-уведомления, background sync. Реализует offline-first подход с Pinia-сторами и IndexedDB, настраивает @vite-pwa/nuxt для Nuxt 3.
Проектирует архитектуру PWA на Vue 3 — стратегии обновления service worker, precaching критических ресурсов, background data sync. Оптимизирует производительность через runtime caching и stale-while-revalidate паттерны.
Определяет стандарты PWA-разработки для Vue-команд — offline UX паттерны, стратегии кэширования, метрики качества. Внедряет процессы тестирования PWA через Lighthouse CI и автоматизированные проверки в pipeline.
Использует базовые Web API во Vue-компонентах — Fetch, localStorage, IntersectionObserver. Интегрирует браузерные API через composables VueUse — useLocalStorage, useIntersectionObserver, useMediaQuery.
Реализует интеграцию с Web API через кастомные composables — WebSocket, Geolocation, Notifications, Clipboard API. Использует VueUse как reference для паттернов, обрабатывает permissions и fallbacks корректно.
Проектирует абстракции над Web API для Vue-приложений — Web Workers через comlink, SharedArrayBuffer, WebRTC. Создаёт переиспользуемые composables с graceful degradation и feature detection для кросс-браузерности.
Определяет стандарты использования Web API в Vue-проектах — security review, permissions policy, privacy-first подход. Внедряет архитектурные решения для интеграции с Platform API — Web Payments, Credential Management.
Понимает Web Components и поддержку custom elements в Vue. Оборачивает Vue-компоненты как веб-компоненты через defineCustomElement. Обрабатывает привязку атрибутов/свойств и коммуникацию событий.
Создаёт Web Components из Vue-компонентов через defineCustomElement для интеграции с другими фреймворками. Настраивает Vite для сборки component library как Web Components с корректной стилизацией и event handling.
Проектирует архитектуру Web Components библиотеки на базе Vue 3 — SSR совместимость, lazy loading, shared state. Решает проблемы Shadow DOM стилизации через CSS Parts и Constructable Stylesheets.
Определяет стратегию Web Components для организации — когда Vue-компоненты vs Custom Elements, governance shared библиотеки. Внедряет процессы публикации и версионирования Web Components из Vue-кодобазы.
Применяет базовые принципы a11y во Vue-компонентах — семантический HTML, ARIA-атрибуты, alt-тексты. Использует eslint-plugin-vuejs-accessibility для автоматической проверки доступности в шаблонах Vue SFC.
Реализует accessible Vue-компоненты: создает keyboard-navigable components с v-on:keydown, управляет фокусом через template refs, реализует accessible form validation с aria-describedby и aria-invalid. Использует Headless UI или Radix Vue для accessible primitives.
Проектирует accessible Vue-архитектуру: создает accessible component library с Nuxt Content для documentation, настраивает automated a11y testing с Vitest + axe-core, реализует dynamic accessibility features (dark mode, reduced motion, text scaling). Проводит screen reader testing в CI.
Стандартизирует accessibility в Vue-экосистеме: определяет a11y standards для Vue design system, создает composables для reusable accessibility patterns (useFocusTrap, useAnnouncer), проектирует a11y testing strategy. Обучает команды и проводит accessibility audits.
Контейнеризация 1
▼
Запускает Vue/Nuxt приложение в Docker контейнере для локальной разработки. Понимает базовый Dockerfile — multi-stage build для Vite-проекта, использует docker-compose для связки frontend + API.
Создаёт оптимизированные Docker-образы для Vue-приложений — multi-stage build (node для сборки, nginx для раздачи), настройка .dockerignore. Конфигурирует Nuxt 3 production с Nitro в контейнере, оптимизирует слои для кэширования.
Проектирует Docker-инфраструктуру для Vue-приложений — оптимизация размера образов, health checks, graceful shutdown Nuxt-сервера. Настраивает Docker для SSR с управлением памятью Node.js, горизонтальным масштабированием.
Определяет стандарты контейнеризации Vue-приложений — базовые образы, security scanning, CI/CD интеграция. Внедряет best practices — distroless образы, non-root пользователи, automated vulnerability scanning.
Многопоточность и конкурентность 1
▼
Использует async/await в lifecycle-хуках Vue 3 и Composition API. Понимает работу Suspense для асинхронных компонентов, обрабатывает Promise в composables с корректной обработкой ошибок через onErrorCaptured.
Реализует сложные асинхронные потоки с useAsyncState и useFetch из VueUse. Управляет race conditions в watchers через watchEffect с cleanup-функциями, организует параллельную загрузку данных в Nuxt 3 middleware.
Проектирует системы управления асинхронными операциями — очереди запросов, retry-стратегии, optimistic updates в Pinia-сторах. Реализует streaming SSR в Nuxt 3 с progressive hydration и Suspense boundaries.
Определяет архитектурные стандарты асинхронной работы в Vue-приложениях — data fetching layer, caching strategy, background sync. Внедряет паттерны обработки ошибок и graceful degradation на уровне организации.
ООП и паттерны проектирования 1
▼
Применяет базовые паттерны Vue 3 — props/emit для связи компонентов, provide/inject для dependency injection. Использует Composition API для извлечения повторяющейся логики в composable-функции.
Реализует паттерны Renderless Components, Compound Components и Headless UI во Vue 3. Проектирует переиспользуемые composables с инверсией контроля, применяет Strategy и Observer через систему реактивности Vue.
Проектирует архитектурные паттерны для масштабных Vue-приложений — Plugin Architecture, Micro-frontend интеграция через Module Federation. Создаёт абстракции над Pinia для сложных доменных моделей с CQRS-подходом.
Определяет каталог паттернов и anti-паттернов для Vue-разработки в организации. Внедряет архитектурные решения — Feature-Sliced Design, Clean Architecture адаптированные под экосистему Vue 3 и Nuxt 3.
Системы типов 1
▼
Использует TypeScript с Vue 3 — типизация props через defineProps<T>(), emit через defineEmits, базовая типизация ref() и reactive(). Понимает автовывод типов в script setup и шаблонах через Volar.
Создаёт строго типизированные composables и Pinia-сторы с generics. Настраивает TypeScript strict mode для Vue-проекта, типизирует provide/inject, route params в Nuxt 3 и API-ответы через Zod-валидацию.
Проектирует систему типов для масштабных Vue-приложений — generic компоненты, conditional types для composables, type-safe роутинг. Создаёт утилитарные типы для Pinia-сторов и Nuxt-модулей с полным автодополнением.
Определяет стратегию типизации для Vue-проектов организации — строгость конфигов, миграция с JavaScript, интеграция runtime-валидации. Внедряет end-to-end type safety от API до шаблонов через tRPC или typed fetch.
Специализированное тестирование 1
▼
Понимает базовые концепции тестирования доступности, включая рекомендации WCAG, семантический HTML в шаблонах Vue и паттерны привязки ARIA. Следует чеклистам команды для запуска аудитов axe-core и тестов клавиатурной навигации на компонентах Vue. Использует плагин vue-axe и панели доступности DevTools браузера для выявления типичных нарушений a11y в однофайловых компонентах Vue при разработке.
Самостоятельно пишет тесты доступности для компонентов Vue с использованием Vue Testing Library, интеграции axe-core и плагинов a11y для Cypress/Playwright. Внедряет автоматизированное сканирование соответствия WCAG в CI/CD-пайплайны для Vue/Nuxt приложений с настраиваемыми наборами правил. Тестирует совместимость со скринридерами для кастомных директив Vue, transition groups и динамического рендеринга компонентов, включая управление фокусом при смене маршрутов.
Проектирует комплексные стратегии тестирования доступности для экосистем Vue-приложений с покрытием требований WCAG 2.1 AA/AAA. Внедряет продвинутые паттерны тестирования — Nuxt-специфичную валидацию SSR-доступности, утилиты тестирования a11y на основе Vue composables и мультиустройственную верификацию ассистивных технологий. Создаёт переиспользуемую инфраструктуру тестирования a11y для библиотек компонентов Vue и интегрирует непрерывный мониторинг доступности в продакшн-деплои Nuxt.
Определяет стандарты тестирования доступности и quality gates для Vue-проектов в организации. Формирует автоматизированные пайплайны тестирования a11y, процессы сертификации доступности библиотек компонентов Vue и отчётность соответствия WCAG для Vue/Nuxt продуктов. Проводит архитектурные ревью, обеспечивая соответствие Vue-приложений требованиям доступности, и продвигает внедрение паттернов доступного дизайна компонентов в командах Vue-разработки.
Чистый код и рефакторинг 1
▼
Следует правилам ESLint с eslint-plugin-vue и Prettier для единообразного кода. Применяет рекомендации Vue Style Guide — именование компонентов, порядок опций, использование script setup с defineProps и defineEmits.
Настраивает строгие правила ESLint для Vue 3 — vue/recommended, TypeScript strict mode, auto-fix через Vite plugin. Внедряет Husky + lint-staged для pre-commit проверок, пишет переиспользуемые composables с JSDoc.
Проектирует систему обеспечения качества Vue-кода — custom ESLint правила, архитектурные линтеры, автоматический аудит компонентов. Внедряет метрики сложности компонентов и зависимостей между модулями через Vite-плагины.
Определяет стандарты качества кода для Vue-команд — архитектурные guideline, review checklist, автоматизированные проверки в CI. Выстраивает культуру code review с фокусом на Composition API паттерны и type safety.