Claude CodePro· Разработчик

Frontend-разработчик

Пак для Claude Code под React/Next.js + TypeScript + Tailwind: память проекта, скилы «новый компонент» и ревизия доступности, безопасные permissions.

▶

Демо-видео: установка и работа пака

Что внутри

◆CLAUDE.md — память проекта: стек, структура компонентов, стили, a11y, тесты
◆Скил и команда /component — типизированный компонент с токенами темы и тестом
◆Скил и команда /a11y-review — чек-лист WCAG/ARIA: семантика, фокус, формы
◆.mcp.json — Playwright (проверка UI в браузере) и файловая система
◆settings.json — hooks авто-форматирования .ts/.tsx/.css + безопасные permissions

До

Голый Claude Code переспрашивает стек, делает компоненты без типов и тестов, забывает про доступность и магические hex-значения.

После

Claude знает структуру компонентов сразу, по /component собирает типы, токены, a11y и тест, а /a11y-review ловит проблемы доступности.