angular-best-practices — скилл для Claude Code: Angular 21 без старых
Держит агента в рамках Angular 21: сигналы, standalone-компоненты, реактивные формы. Пригодится, когда агент тянет в проект устаревший синтаксис.
npx skills add Boise-State-Development/agentcore-public-stack --skill angular-best-practices -a claude-code
npx skills add Boise-State-Development/agentcore-public-stack --skill angualar-best-practices -a claude-codeЧто делает angular-best-practices
Скилл задаёт правила, по которым агент пишет код Angular. Внутри — короткие разделы: TypeScript со строгой типизацией и отказом от any, компоненты на input() и output(), состояние на сигналах, шаблоны с @if и @for, сервисы через inject(), ленивая загрузка маршрутов. Отдельно описаны resource() для асинхронных данных, имена файлов, иконки ng-icon, изображения через NgOptimizedImage и стили на Tailwind 4.1.
Правила конкретные и местами жёсткие. Например, standalone: true указывать не нужно, потому что в v20+ это поведение по умолчанию, а @HostBinding и @HostListener запрещены в пользу объекта host в декораторе. Для сложных производных состояний есть ссылка на references/signal-patterns.md — если файла рядом нет, агент эту часть просто не прочитает.
Есть и требования к доступности: проверки AXE и минимумы WCAG AA по фокусу, контрасту и ARIA. Это значит, что агент будет править разметку, а не только логику. Скилл подключается в Claude, Codex, Cursor, GitHub Copilot, Gemini CLI и OpenCode — установка одна и та же через npx skills add.
Какие задачи решает
- писать компоненты Angular 21 без устаревших декораторов
- перевести состояние компонента на сигналы и
computed() - заменить
*ngIfи*ngForна@ifи@for - настроить ленивую загрузку маршрутов через
loadComponent - довести шаблон до минимумов WCAG AA
Примеры запросов агенту
- создай standalone-компонент списка задач на сигналах с ChangeDetectionStrategy.OnPush
- перепиши этот сервис на inject() и providedIn: 'root'
- добавь ленивую загрузку для маршрута admin через loadComponent
Как установить angular-best-practices
1Через Skills CLI (Vercel)
npx skills add Boise-State-Development/agentcore-public-stack --skill angular-best-practices -a claude-codenpx skills add Boise-State-Development/agentcore-public-stack --skill angualar-best-practices -a claude-code2Вручную: положить файлы
~/.claude/skills/angualar-best-practices/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/angualar-best-practices/
1Через Skills CLI (Vercel)
npx skills add Boise-State-Development/agentcore-public-stack --skill angualar-best-practices -a codex2Вручную: положить файлы
.agents/skills/angualar-best-practices/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add Boise-State-Development/agentcore-public-stack --skill angualar-best-practices -a cursor2Вручную: положить файлы
.cursor/skills/angualar-best-practices/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install Boise-State-Development/agentcore-public-stack angualar-best-practices2Вручную: положить файлы
.github/skills/angualar-best-practices/SKILL.md1Через Skills CLI (Vercel)
npx skills add Boise-State-Development/agentcore-public-stack --skill angualar-best-practices -a gemini-cli2Командой платформы
gemini skills install https://github.com/Boise-State-Development/agentcore-public-stack --path .claude/skills/angualar-best-practicesВручную: положить файлы
.devin/skills/angualar-best-practices/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add Boise-State-Development/agentcore-public-stack --skill angualar-best-practices -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Похожие
Рядом в теме «Фронтенд и UI»
Всё по теме «Фронтенд и UI» →Вопросы о angular-best-practices
Как установить angular-best-practices в Claude?
Одной командой: npx skills add Boise-State-Development/agentcore-public-stack --skill angular-best-practices -a claude-code. После этого файл скилла лежит в ~/.claude/skills/angualar-best-practices/SKILL.md.
Что делает angular-best-practices?
Задаёт агенту правила разработки на Angular 21: сигналы, standalone-компоненты, реактивные формы, строгая типизация TypeScript, ленивая загрузка и доступность. Агент опирается на них, когда пишет компоненты, сервисы и шаблоны.
Нужен ли Tailwind для работы скилла?
Скилл советует Tailwind 4.1 для стилей и упоминает Angular CDK, когда он нужен. Отдельного tailwind-скилла в наборе нет, поэтому стили агент будет писать по этим правилам сам.
