ИИ-офисМаркетплейс скилов
frontend-a11y.mdПубличный

frontend-a11y

Доступность интерфейсов: ARIA и семантика

claude-codeaccessibilitya11yreactnextjsecc

О скиле

Паттерны для создания доступных интерфейсов на React и Next.js: семантическая HTML-разметка, ARIA-атрибуты (специальные теги для экранных читалок), управление фокусом, контрастность цветов и тестирование со screen reader. A11y (сокращение от «accessibility») — это не только про слепых пользователей, но и про SEO и UX для всех. Если вы фронтенд-разработчик, сразу пишете код без типичных ошибок доступности. Если вы продуктовый дизайнер, понимаете технические требования к компонентам. Подключается к Claude Code.

Как установить

  1. Открой папку скилов Claude Code: open ~/.claude/skills/

  2. Склонируй репозиторий: git clone https://github.com/affaan-m/ECC ~/.claude/skills/frontend-a11y

  3. Перезагрузи Claude Code — скил подхватится автоматически.

  4. Активируй в чате: Use frontend-a11y skill.

Установка

Открыть репозиторийgithub.com/affaan-m/ECC

Похожие скилы

// продолжай по той же профессии или категории

Частые вопросы

Что такое скил «frontend-a11y»?
«frontend-a11y» — готовый Agent Skill для Claude Code и Cursor. Это .md-файл с системным промптом, который подключается одним файлом и расширяет возможности AI-редактора в задачах vibe-coding. Скил можно скачать и использовать сразу — без настройки.
Как установить скил «frontend-a11y» в Claude Code?
Скачайте .md-файл на этой странице и положите его в папку ~/.claude/skills/ вашего проекта. Перезапустите Claude Code — скил подхватится автоматически. Для Cursor и Windsurf скопируйте содержимое .md-файла в системный промпт проекта (Settings → Rules).
Бесплатен ли скил «frontend-a11y»?
Да, скил «frontend-a11y» доступен бесплатно для всех пользователей без регистрации. Скачайте .md-файл прямо на этой странице.

Больше вопросов про Agent Skills — общий FAQ маркетплейса