Build tools и бандлинг 1
▼
Понимает роль Vite как dev-сервера и бандлера в SvelteKit, использует стандартную конфигурацию vite.config.js. Работает с HMR для быстрой разработки Svelte-компонентов, понимает различие dev/build режимов и базовые Vite-переменные окружения.
Настраивает Vite для SvelteKit-проекта: кастомные алиасы путей, proxy для API, оптимизация зависимостей (optimizeDeps). Подключает Vite-плагины для SVG-компонентов, imagetools, настраивает build-оптимизации и environment variables для разных окружений.
Проектирует продвинутую Vite-конфигурацию для SvelteKit: custom плагины, SSR externals, условные сборки для разных адаптеров. Оптимизирует скорость сборки через persistent cache, parallel transforms, создаёт Vite-плагины для кодогенерации и метрик.
Стандартизирует Vite-конфигурацию в Svelte-проектах команды: shared presets, plugin-стек, build-пайплайны для монорепозиториев. Определяет стратегию обновления Vite и SvelteKit, обеспечивает стабильность сборок и оптимальное время билда в CI.
Code Review 1
▼
Участвует в code review Svelte-компонентов: проверяет читаемость, именование, корректное использование $state и $derived рун. Оставляет конструктивные комментарии в PR, учится на замечаниях старших разработчиков по SvelteKit-паттернам и best practices.
Проводит качественные ревью Svelte-кода: проверяет архитектуру компонентов, типобезопасность, accessibility, производительность. Оценивает корректность load-функций и form actions в SvelteKit, предлагает улучшения с обоснованием, менторит джуниоров через ревью.
Определяет стандарты code review для Svelte-проектов: чеклисты для компонентов, SvelteKit-маршрутов, stores, архитектурных изменений. Проводит архитектурные ревью крупных фич, фокусируясь на масштабируемости, производительности и maintainability Svelte-кода.
Формирует культуру code review в Svelte-команде: SLA для ревью, escalation process, автоматические CODEOWNERS для SvelteKit-модулей. Проводит обучение навыкам ревью, внедряет automated review через ESLint и svelte-check, балансирует скорость и качество ревью.
CSS и стилизация 4
▼
Использует CSS-in-JS на базовом уровне. Создаёт простые компоненты по дизайну. Понимает базовые концепции и следует component guidelines.
Применяет CSS-in-JS подходы в Svelte-компонентах: scoped styles с динамическими class bindings и CSS custom properties. Оптимизирует рендеринг через compile-time оптимизацию стилей Svelte. Интегрирует design tokens и тестирует визуальные состояния компонентов.
Проектирует архитектуру дизайн-системы Svelte, сочетая scoped CSS с CSS-in-JS для кросс-проектной консистентности. Оптимизирует bundle size и Core Web Vitals через zero-runtime CSS подход Svelte. Создаёт переиспользуемые доступные компоненты с поддержкой тем.
Определяет архитектуру стилей на уровне продукта для Svelte: оценка CSS-in-JS vs native Svelte styling, стандарты design tokens, гайдлайны стилизации компонентов. Проводит ревью, обеспечивая консистентный, производительный и доступный UI.
Применяет базовые utility-классы Tailwind CSS в Svelte-компонентах для типовой вёрстки: отступы, цвета, flexbox. Использует @apply в scoped-стилях компонентов для группировки повторяющихся классов, работает с конфигурацией Tailwind из шаблона SvelteKit.
Настраивает Tailwind CSS для SvelteKit-проекта: кастомная тема, плагины, content-пути для Svelte-файлов. Комбинирует Tailwind с scoped-стилями Svelte и Skeleton UI, создаёт переиспользуемые компонентные варианты через class: директиву и clsx.
Проектирует масштабируемую дизайн-систему на Tailwind CSS и Skeleton UI для Svelte-приложений. Оптимизирует размер CSS-бандла через purge-настройки, создаёт кастомные Tailwind-плагины для специфичных UI-паттернов, интегрирует dark mode через CSS variables.
Стандартизирует использование Tailwind CSS в Svelte-проектах команды: единые конфигурации, preset-ы, правила линтинга стилей. Определяет архитектуру компонентной библиотеки на основе Skeleton UI, обучает команду эффективным паттернам Tailwind в Svelte-экосистеме.
Использует готовые компоненты из Skeleton UI или других Svelte UI-библиотек, следуя документированным паттернам. Применяет design tokens (CSS variables) для цветов и типографики, создаёт простые переиспользуемые Svelte-компоненты согласно гайдлайнам.
Разрабатывает компоненты дизайн-системы на Svelte 5 с типизированными $props(), слотами и snippet-ами для гибкой композиции. Настраивает Storybook для документации Svelte-компонентов, создаёт варианты через CSS variables и Tailwind-классы.
Проектирует архитектуру дизайн-системы на Svelte: headless-компоненты, token-система, themeable-архитектура с CSS custom properties. Создаёт npm-пакет библиотеки с автогенерацией документации, обеспечивает WCAG 2.1 AA и поддержку SSR в SvelteKit.
Управляет развитием дизайн-системы команды: roadmap компонентов, version policy, процесс contributions. Координирует работу дизайнеров и разработчиков, обеспечивает синхронизацию Figma-токенов с Svelte-компонентами и Tailwind-конфигурацией.
Использует scoped-стили в Svelte-компонентах, применяет CSS Grid и Flexbox для адаптивной вёрстки. Понимает каскадность в контексте Svelte: стили компонента изолированы, глобальные стили через :global(). Работает с CSS variables для тем оформления.
Применяет продвинутые CSS-фичи в Svelte: container queries, has(), nesting, слои каскада (@layer). Создаёт адаптивные layout-ы с dynamic viewport units, использует Svelte transitions и animations с CSS keyframes для плавных UI-переходов.
Проектирует CSS-архитектуру для масштабируемых Svelte-приложений: методологию токенов, слои стилей, стратегию responsive design. Оптимизирует Critical CSS для SvelteKit SSR, внедряет CSS Houdini API и @property для продвинутых анимаций.
Стандартизирует CSS-практики в Svelte-команде: соглашения по scoped vs global стилям, naming conventions, архитектурные паттерны. Определяет стратегию поддержки браузеров, внедряет visual regression testing для Svelte-компонентов через Playwright.
E2E-тестирование 1
▼
Пишет базовые E2E тесты для SvelteKit через Playwright: навигация по страницам, заполнение форм, проверка текста. Использует page.goto, locator.click, expect(page).toHaveText для основных user flows, запускает тесты локально и в CI.
Создаёт комплексные E2E сценарии для SvelteKit: тестирование form actions, серверной валидации, клиентской навигации с prefetch. Настраивает Page Object Model, fixtures для авторизации, параллельный запуск Playwright на нескольких браузерах в GitHub Actions.
Проектирует E2E стратегию для SvelteKit-приложений: coverage критических путей, API mocking через route handlers, visual assertions. Реализует тестирование SSR vs CSR поведения, accessibility-проверки через axe-playwright, performance-метрики в E2E сценариях.
Определяет стандарты E2E тестирования в Svelte-команде: обязательные сценарии для релиза, flaky test policy, environment management. Внедряет Playwright reporting с видео и traces, координирует QA-автоматизацию, обеспечивает стабильность test suite в CI.
Frontend-архитектура 1
▼
Понимает разницу между SSR, SSG и CSR в SvelteKit, использует prerender: true для статических страниц. Работает с +page.server.js для серверного рендеринга, понимает гидратацию и передачу данных от сервера к клиенту через PageData.
Настраивает стратегии рендеринга в SvelteKit: SSR для динамических страниц, prerender для статических, CSR для SPA-секций. Использует adapter-static и adapter-node, реализует ISR-подобные паттерны через кэширование headers и invalidation.
Проектирует гибридную стратегию рендеринга SvelteKit-приложения: route-level выбор SSR/SSG/streaming, edge-рендеринг через adapter-cloudflare. Оптимизирует TTFB через streaming SSR, реализует partial prerendering и progressive hydration для критических путей.
Определяет стандарты стратегий рендеринга в Svelte-команде: критерии выбора SSR/SSG/CSR, архитектура адаптеров, кэширование. Координирует DevOps для оптимальной инфраструктуры под SSR, внедряет мониторинг TTFB и hydration performance в продакшене.
Frontend-тестирование 2
▼
Понимает концепцию визуального регрессионного тестирования для Svelte-компонентов, делает скриншот-тесты через Playwright. Настраивает базовые snapshot-тесты для ключевых страниц SvelteKit-приложения, сравнивает визуальные различия в pull request-ах.
Настраивает систему визуального тестирования для Svelte: Playwright с pixel-сравнением, Chromatic для Storybook-компонентов. Создаёт тесты для разных viewports и тем оформления, интегрирует визуальные проверки в CI через GitHub Actions, управляет baseline-снимками.
Проектирует инфраструктуру визуального тестирования для SvelteKit-приложений: параллельный запуск, динамические thresholds, cross-browser покрытие. Создаёт custom reporters для визуальных diff-ов, интегрирует тестирование с дизайн-системой и Skeleton UI компонентами.
Определяет стратегию визуального тестирования для Svelte-команды: покрытие критических UI-путей, процесс review визуальных изменений. Внедряет автоматическое обновление baseline-ов, координирует visual QA между дизайнерами и разработчиками.
Пишет базовые тесты Svelte-компонентов через @testing-library/svelte и Vitest: рендеринг, проверка текста, клики. Тестирует простые пропсы и события компонентов, использует screen.getByRole для accessible-селекторов, запускает тесты через vitest --run.
Создаёт комплексные тесты Svelte-компонентов: мокирование stores и $state, тестирование $derived-вычислений, async-операций. Тестирует компоненты с контекстом, слотами и snippet-ами, настраивает coverage-отчёты Vitest, создаёт test utilities для SvelteKit.
Проектирует стратегию компонентного тестирования для Svelte-приложений: test-паттерны для headless-компонентов, integration-тесты layout-ов SvelteKit. Создаёт custom render-обёртки с провайдерами, тестирует SSR-рендеринг компонентов, обеспечивает 80%+ coverage.
Определяет стандарты компонентного тестирования в Svelte-команде: обязательное покрытие, паттерны тестов, review-критерии. Внедряет mutation testing через Stryker, обучает команду эффективному тестированию Svelte 5 рун и SvelteKit-специфичных паттернов.
State management 2
▼
Использует SvelteKit load-функции для получения данных на сервере и клиенте, обрабатывает состояния загрузки через {#await}. Понимает разницу между +page.server.js и +page.js load-функциях, передаёт данные в компоненты через $page.data и export let data.
Реализует продвинутые паттерны загрузки данных в SvelteKit: параллельные load-функции, invalidateAll для обновления, streaming с promises. Создаёт типобезопасные API-обёртки, настраивает кэширование ответов через Cache-Control headers в server routes.
Проектирует архитектуру загрузки данных для SvelteKit-приложений: кэширование на уровне load-функций, оптимистичные обновления через form actions, real-time подписки. Реализует GraphQL-интеграцию или tRPC для type-safe API, создаёт middleware для дедупликации запросов.
Стандартизирует паттерны загрузки данных в Svelte-команде: единые подходы к error handling, loading states, cache invalidation. Определяет архитектуру API-слоя между SvelteKit и бэкендом, внедряет мониторинг latency и error rates для load-функций.
Управляет локальным состоянием в Svelte-компонентах через $state и $derived руны, использует writable/readable stores для shared-состояния. Понимает реактивность Svelte 5: автоматическое отслеживание зависимостей, $effect для побочных эффектов при изменении данных.
Проектирует состояние SvelteKit-приложения: глобальные stores для авторизации и настроек, context API для tree-scoped данных, $state для форм. Реализует optimistic updates через form actions, синхронизирует серверное и клиентское состояние через load-invalidation.
Разрабатывает архитектуру управления состоянием для сложных Svelte-приложений: state machines через XState, normalized stores, event-driven паттерны. Проектирует offline-first состояние с IndexedDB-синхронизацией, создаёт dev-tools для отладки $state и stores.
Определяет стандарты управления состоянием в Svelte-команде: когда использовать $state vs stores vs context, паттерны для server state. Обучает команду идиоматичному Svelte 5 подходу, внедряет best practices для предсказуемого flow данных в SvelteKit-приложениях.
Svelte экосистема 1
▼
Использует Svelte / SvelteKit на базовом уровне. Создаёт простые компоненты по дизайну. Понимает базовые концепции и следует component guidelines.
Самостоятельно реализует сложные UI-компоненты с Svelte / SvelteKit. Оптимизирует производительность рендеринга. Пишет тесты. Применяет инструменты для state management.
Проектирует архитектуру frontend с Svelte / SvelteKit. Оптимизирует bundle size и Core Web Vitals. Создаёт design systems и переиспользуемые компоненты. Менторит команду.
Определяет frontend-архитектуру на уровне продукта с Svelte / SvelteKit. Формирует стандарты и best practices. Проводит архитектурные review.
Web Performance 2
▼
Понимает метрики LCP, FID/INP и CLS в контексте SvelteKit-приложений, измеряет их через Lighthouse и PageSpeed Insights. Следует базовым практикам: оптимизирует размер изображений, избегает layout shifts от динамического контента в Svelte-компонентах.
Оптимизирует Core Web Vitals в SvelteKit: preload критических ресурсов, lazy loading через Svelte actions, font optimization. Настраивает web-vitals библиотеку для RUM-мониторинга, улучшает INP через дебаунс обработчиков событий и оптимизацию $effect.
Проектирует архитектуру SvelteKit-приложений с приоритетом Core Web Vitals: streaming SSR для LCP, route-based code splitting, predictive prefetching. Создаёт performance budgets в CI, автоматизирует регрессионное тестирование метрик через Playwright и Lighthouse CI.
Определяет стандарты Core Web Vitals для Svelte-проектов команды: пороговые значения, мониторинг, процесс реагирования на регрессии. Внедряет performance review в процесс разработки, координирует оптимизацию между frontend-командой и инфраструктурой SvelteKit.
Понимает роль Vite и Rollup в бандлинге SvelteKit-приложений, анализирует размер бандла через rollup-plugin-visualizer. Применяет базовые оптимизации: dynamic import() для ленивой загрузки маршрутов, tree-shaking неиспользуемого кода из Svelte-библиотек.
Оптимизирует бандл SvelteKit-приложения: настраивает code splitting по маршрутам, manualChunks для vendor-библиотек, preload стратегии. Минимизирует CSS через Tailwind purge, анализирует дублирование зависимостей, настраивает gzip/brotli сжатие на сервере.
Проектирует стратегию бандлинга для масштабных SvelteKit-приложений: гранулярный code splitting, module federation, edge-оптимизации. Создаёт custom Vite-плагины для специфичных оптимизаций, реализует differential loading и автоматические performance budgets в CI.
Определяет стандарты оптимизации бандлов для Svelte-проектов: бюджеты размеров, автоматические проверки, процесс dependency review. Внедряет мониторинг размера бандлов в CI/CD, координирует оптимизации между командами, обучает эффективному code splitting.
Алгоритмы и структуры данных 2
▼
Понимает базовые алгоритмы сортировки и поиска, оценивает O(n) простых циклов в Svelte-компонентах. Использует Array.filter/map/reduce для обработки данных в реактивных выражениях $derived, избегая лишних пересчётов в шаблонах.
Оптимизирует алгоритмы обработки списков и деревьев в Svelte-приложениях, применяет мемоизацию через $derived для кэширования вычислений. Профилирует производительность реактивных цепочек, выбирает оптимальные структуры для keyed each-блоков.
Проектирует эффективные алгоритмы для виртуализации больших списков и сложных фильтраций в SvelteKit-приложениях. Анализирует сложность реактивного графа зависимостей, оптимизирует $effect-цепочки для минимизации лишних обновлений DOM.
Определяет архитектурные стандарты алгоритмической эффективности для Svelte-проектов, внедряет бенчмарки производительности реактивных вычислений. Проводит код-ревью с фокусом на O-нотацию в критических путях рендеринга и load-функциях SvelteKit.
Работает с массивами, объектами и Map/Set для хранения состояния в Svelte-компонентах через $state. Понимает иммутабельные обновления для корректной реактивности, использует spread-оператор для обновления вложенных структур.
Проектирует нормализованные хранилища данных в Svelte stores и $state-рунах, применяет деревья и графы для навигационных структур SvelteKit. Использует WeakMap для кэширования ссылок на компоненты, оптимизирует структуры для серверных load-функций.
Разрабатывает сложные структуры данных для клиентского кэша и оффлайн-хранилища в SvelteKit-приложениях. Проектирует immutable-паттерны для предсказуемых обновлений $state, создаёт типобезопасные обёртки структур с TypeScript generics.
Стандартизирует подходы к моделированию данных в Svelte-проектах, определяет паттерны нормализации для сложных доменных моделей. Внедряет единые интерфейсы структур данных между клиентскими stores и серверными endpoint-ами SvelteKit.
Веб-стандарты и API 4
▼
Понимает принципы PWA и применяет их в приложениях SvelteKit. Настраивает service worker и файлы манифеста для возможности установки. Использует встроенную поддержку service worker в SvelteKit для базовых офлайн-возможностей.
Настраивает PWA в SvelteKit с кастомным service worker: стратегии кэширования (stale-while-revalidate, cache-first), offline-fallback страницы. Реализует фоновую синхронизацию данных, push-уведомления и обновление SW без потери состояния $state.
Проектирует offline-first архитектуру SvelteKit PWA: IndexedDB для персистентного хранения, background sync, periodic sync API. Создаёт стратегию кэширования для SSR/SSG-страниц и API-ответов, реализует плавное обновление приложения через Svelte transitions.
Определяет стандарты PWA-разработки в Svelte-команде: чеклисты Lighthouse-метрик, offline-тестирование, стратегии обновления. Внедряет мониторинг SW-ошибок и кэш-эффективности, координирует интеграцию PWA-функционала с SvelteKit-адаптерами для разных платформ.
Использует базовые Web API в Svelte-компонентах: Fetch API в load-функциях, localStorage для персистентности, IntersectionObserver через use:action. Понимает различие browser/server контекста в SvelteKit, проверяет доступность API через typeof window.
Применяет продвинутые Web API в Svelte: ResizeObserver и MutationObserver через actions, Web Workers для тяжёлых вычислений, Clipboard API. Интегрирует Geolocation, Media API и Notification API в SvelteKit, управляет жизненным циклом через $effect cleanup.
Проектирует абстракции над Web API для Svelte-экосистемы: реактивные обёртки через $state, переиспользуемые actions, SSR-безопасные утилиты. Реализует WebSocket-интеграцию в SvelteKit server routes, создаёт SharedWorker-паттерны для межтабового взаимодействия.
Стандартизирует подходы к Web API в Svelte-проектах: каталог actions и утилит, fallback-стратегии, feature detection. Определяет политику polyfill-ов и progressive enhancement, обеспечивает консистентную работу API между SSR и клиентом в SvelteKit.
Понимает Web Components и их совместимость со Svelte. Компилирует Svelte-компоненты как custom elements для кросс-фреймворкового переиспользования. Работает с Shadow DOM и slot-based композицией.
Создаёт Svelte-компоненты, экспортируемые как Web Components через customElement: true, настраивает shadow DOM и проброс свойств. Интегрирует сторонние UI-библиотеки на Web Components в SvelteKit, обеспечивает корректную гидратацию SSR.
Проектирует архитектуру микрофронтендов с Svelte Web Components: изоляция стилей, коммуникация через CustomEvent, shared state. Создаёт framework-agnostic библиотеку компонентов на Svelte, обеспечивает совместимость с React/Vue/Angular consumers.
Определяет стратегию Web Components в организации: когда использовать Svelte custom elements vs нативные, стандарты взаимодействия. Координирует создание shared-библиотеки компонентов, обеспечивает документацию и тестирование для мультифреймворковых потребителей.
Следует базовым правилам доступности в Svelte: семантическая разметка, alt-атрибуты, ARIA-роли. Использует встроенные a11y-предупреждения компилятора Svelte, обеспечивает клавиатурную навигацию для интерактивных компонентов в SvelteKit-приложении.
Реализует продвинутую доступность в Svelte-компонентах: live regions для динамического контента, focus management при навигации SvelteKit. Настраивает aria-* атрибуты для кастомных виджетов, создаёт skip-links и корректные heading-иерархии в layout-ах.
Проектирует систему доступности для SvelteKit-приложений: WCAG 2.1 AA соответствие, accessible routing с анонсом страниц, адаптивные компоненты. Создаёт a11y-обёртки и actions для общих паттернов, интегрирует автоматическое тестирование через axe-core и Playwright.
Внедряет культуру доступности в Svelte-команде: обязательные a11y-проверки в CI через svelte-check, стандарты компонентов, тренинги. Определяет accessibility roadmap, координирует аудиты с WCAG-экспертами, обеспечивает соответствие юридическим требованиям.
Контейнеризация 1
▼
Создаёт базовый Dockerfile для SvelteKit-приложения с adapter-node: multi-stage build, копирование build-артефактов. Запускает контейнер локально для тестирования, понимает различие dev/production конфигураций и переменные окружения в Docker.
Оптимизирует Docker-образ SvelteKit: layer caching для node_modules, минимальный production-образ на alpine, .dockerignore. Настраивает docker-compose для локальной разработки с hot-reload, конфигурирует health checks и graceful shutdown для Node-сервера.
Проектирует Docker-инфраструктуру для SvelteKit-приложений: мультистейдж builds с кэшированием Vite, оптимизация размера образов. Создаёт Docker-конфигурации для разных SvelteKit-адаптеров, реализует canary-деплой и rollback-стратегии с контейнерами.
Стандартизирует Docker-практики в Svelte-команде: базовые образы, security scanning, CI/CD пайплайны для контейнеров. Определяет стратегию оркестрации для SvelteKit-сервисов, координирует с DevOps для оптимальной среды Kubernetes или Cloud Run.
Многопоточность и конкурентность 1
▼
Использует async/await в load-функциях SvelteKit для получения данных, обрабатывает Promise в {#await}-блоках шаблонов. Понимает жизненный цикл асинхронных операций в компонентах, корректно отображает состояния загрузки и ошибок.
Реализует параллельную загрузку данных через Promise.all в SvelteKit load-функциях, управляет race conditions через $effect.tracking(). Создаёт переиспользуемые async-обёртки для stores, обрабатывает отмену запросов через AbortController.
Проектирует сложные асинхронные потоки в SvelteKit: streaming SSR, параллельные и последовательные load-цепочки, server-sent events. Реализует оптимистичные обновления UI с откатом через form actions, управляет конкурентными мутациями данных.
Стандартизирует паттерны асинхронного программирования в Svelte-проектах: единые подходы к error boundaries, retry-логике и таймаутам. Внедряет мониторинг асинхронных операций, определяет SLA для load-функций и серверных маршрутов SvelteKit.
ООП и паттерны проектирования 1
▼
Применяет базовые паттерны в Svelte: компонентная композиция, проброс пропсов и слотов, использование $props() для деструктуризации входных данных. Понимает паттерн контейнер/презентация для разделения логики и отображения в компонентах.
Реализует паттерны Svelte 5: compound-компоненты через snippet-ы, render delegation, context API для dependency injection. Применяет паттерн действий (use:action) для переиспользуемой DOM-логики, проектирует адаптивные layout-ы в SvelteKit.
Проектирует архитектурные паттерны для масштабируемых Svelte-приложений: headless-компоненты, machine-паттерны для сложных состояний, plugin-архитектуру. Создаёт абстракции над SvelteKit hooks и middleware для кросс-cutting concerns.
Определяет каталог архитектурных паттернов для Svelte-экосистемы команды, стандартизирует подходы к композиции и переиспользованию. Ревьюит архитектурные решения, обеспечивая единообразие паттернов в load-функциях, form actions и API routes SvelteKit.
Системы типов 1
▼
Использует TypeScript в Svelte-компонентах с lang="ts", типизирует $props() и основные переменные $state. Понимает базовые типы для SvelteKit load-функций (PageData, PageServerLoad), применяет встроенные типы Svelte для событий компонентов.
Создаёт строгие TypeScript-интерфейсы для пропсов компонентов, типизирует stores и $derived-руны с generics. Настраивает svelte-check в strict-режиме, типизирует form actions, server hooks и API endpoints SvelteKit с полной безопасностью типов.
Проектирует сквозную типобезопасность от серверных load-функций до клиентских компонентов через автогенерацию типов SvelteKit. Создаёт type-safe обёртки для API, реализует branded types и discriminated unions для доменной модели Svelte-приложения.
Стандартизирует стратегию типизации для Svelte-проектов команды: shared-типы между пакетами, автогенерация из OpenAPI-схем, строгие tsconfig-настройки. Обеспечивает zero-any политику, внедряет инкрементальную типизацию при миграции на Svelte 5 и TypeScript strict.
Специализированное тестирование 1
▼
Понимает базовые концепции тестирования доступности, включая рекомендации WCAG, семантический HTML в шаблонах Svelte и использование ARIA-атрибутов. Следует чеклистам команды для запуска аудитов axe-core и проверки клавиатурной навигации в компонентах Svelte. Использует встроенные предупреждения компилятора Svelte по a11y и панели доступности DevTools браузера для обнаружения типичных нарушений доступности при разработке.
Самостоятельно пишет тесты доступности для компонентов Svelte с использованием Testing Library, интеграции axe-core и a11y-утверждений Playwright. Внедряет автоматизированные проверки соответствия WCAG в CI/CD-пайплайны, используя предупреждения компилятора Svelte по a11y и runtime-валидацию. Тестирует совместимость со скринридерами для SvelteKit-приложений, включая объявления переходов маршрутов, обратную связь валидации форм и обновления динамического контента.
Проектирует комплексные стратегии тестирования доступности для наборов Svelte-приложений с покрытием WCAG 2.1 AA/AAA. Внедряет продвинутые паттерны тестирования — кастомизацию правил доступности на этапе компиляции, утилиты тестирования a11y на основе Svelte actions и кроссбраузерную верификацию ассистивных технологий для режимов SSR/CSR SvelteKit. Создаёт переиспользуемую инфраструктуру тестирования a11y для библиотек компонентов Svelte и интегрирует непрерывный мониторинг доступности в продакшн-деплои.
Определяет стандарты тестирования доступности и quality gates для Svelte-проектов в организации. Формирует автоматизированные пайплайны тестирования a11y, процессы сертификации доступности компонентов Svelte и процессы аудита соответствия WCAG. Проводит архитектурные ревью, обеспечивая, что Svelte-приложения используют проверки a11y на этапе компиляции и соответствуют требованиям доступности, менторя команды по Svelte-специфичным паттернам доступных компонентов.
Чистый код и рефакторинг 1
▼
Следует базовым правилам eslint-plugin-svelte и Prettier для единообразного форматирования Svelte-компонентов. Запускает svelte-check для обнаружения ошибок типов и доступности, придерживается соглашений именования файлов в SvelteKit-маршрутах.
Настраивает расширенные правила ESLint для Svelte 5 с проверкой рун и accessibility, интегрирует svelte-check в pre-commit хуки. Применяет SonarQube или Code Climate для метрик качества, покрывает критические компоненты unit-тестами через Vitest.
Проектирует комплексную стратегию качества кода Svelte-проекта: архитектурные линтеры, custom ESLint-правила для бизнес-конвенций, автоматизированные проверки в CI. Внедряет метрики технического долга, code coverage gates и обязательные ревью для SvelteKit-маршрутов.
Определяет стандарты качества кода для всей Svelte-команды, создаёт shared-конфигурации ESLint и svelte-check для монорепозиториев. Внедряет автоматические quality gates в GitHub Actions, проводит обучение команды практикам чистого кода в Svelte-экосистеме.