Скиллы Angular
Angular Skills
Официальные скиллы команды Angular: генерация кода по актуальным практикам, сигналы, формы, SSR и создание новых приложений
- 101 091 ★ репозитория
- Последний коммит
- MIT
Расширенный доступ
Почему такой уровень
- Скилл поручает агенту запускать ng build и команды Angular CLI в проекте
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add skills/angular-skillsОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемРасширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.
- Скилл поручает агенту запускать ng build и команды Angular CLI в проекте
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Набор из двух скиллов, которые команда Angular поддерживает в основном репозитории и публикует в angular/skills. angular-developer сначала проверяет версию Angular в проекте, затем пишет компоненты, сервисы и маршруты по текущему стайлгайду и после генерации запускает ng build, чтобы исправить ошибки сборки. Справочники покрывают сигналы, linkedSignal и resource, Signal Forms, внедрение зависимостей, SSR, доступность, анимации и тесты. angular-new-app задает правила создания нового приложения через Angular CLI.
Для кого. Для разработчиков на Angular, которым нужно, чтобы агент писал код под их версию фреймворка, а не по устаревшим примерам.
Подходит, если
- Агент пишет компоненты и сервисы в Angular-проекте
- Нужно перейти на сигналы или Signal Forms
- Нужно создать новое приложение с современной структурой
Не подходит, если
- Проект на AngularJS 1.x
- Фронтенд на другом фреймворке
Пример запроса к агенту
Сделай компонент списка заказов на сигналах с загрузкой через httpResourceОграничения
Скиллы на английском и рассчитаны на свежие версии Angular, часть рекомендаций, например Signal Forms, относится к v22 и новее. Агенту нужен доступ к терминалу, чтобы запускать ng build и Angular CLI.
Как отключить. Удалите папки angular-developer и angular-new-app из каталога скиллов агента.
Частые вопросы
Почему установка из angular/skills, а не из angular/angular?
Скиллы редактируются в папке skills/dev-skills основного репозитория и автоматически выгружаются в отдельный репозиторий angular/skills для установки.
Остальные скиллы в .agent/skills тоже для пользователей?
Нет, они для контрибьюторов фреймворка: ревью PR и справочники по исходникам компилятора.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
СкиллыСкиллы креативного кода для Claude Code: движение, микровзаимодействия и визуальные системы для веба, Android и Apple
Скиллы против шаблонных интерфейсов: сетка, типографика, анимация и отступы, плюс генерация референсов для веба и мобильных
Скиллы Material UI
Material UI agent skills
Четыре официальных скилла Material UI: стилизация, темы, интеграция с Next.js и совместная работа с Tailwind CSS
Скиллы Next.js
Next.js skills
Официальный плагин Claude Code из репозитория Next.js: переход на Cache Components, Partial Prefetching и проверка изменений на живом dev-сервере
Скиллы Энтони Фу
Anthony Fu's Skills
Набор скиллов для стека Vue, Vite и Nuxt: личные соглашения автора и выжимки из официальной документации инструментов
Frontend Design (Ilm-Alan)
frontend-design
Скилл дизайна фронтенда с восемью эстетическими якорями: каждый фиксирует палитру, шрифты и текстуру в токенах CSS. Отдельный проект, не от Anthropic
Коротко о README
README в папке skills/dev-skills описывает два скилла, angular-developer и angular-new-app, и назначение набора: генерировать идиоматичный код и подсказывать архитектуру под актуальные версии. Установка предлагается через npx skills add для Gemini CLI, Antigravity и других агентов. Изменения принимаются пулреквестами в основной репозиторий. Лицензия MIT.
Бейдж для README
Исходный SKILL.md
--- name: angular-developer description: Generates Angular code and provides architectural guidance. Trigger when creating projects, components, services, or HTTP communication, or for best practices on reactivity (signals, linkedSignal, resource, httpResource), forms, dependency injection, routing, SSR, accessibility (ARIA), animations, styling (component styles, Tailwind CSS), testing, naming conventions, or CLI tooling. license: MIT metadata: author: Copyright 2026 Google LLC version: '1.0' --- # Angular Developer Guidelines 1. Always analyze the project's Angular version before providing guidance, as best practices and available features can vary significantly between versions. If creating a new project with Angular CLI, do not specify a version unless prompted by the user. 2. When generating code, follow Angular's style guide and best practices for maintainability and performance. Use the Angular CLI for scaffolding components, services, directives, pipes, and routes to ensure consistency. 3. Once you finish generating code, run `ng build` to ensure there are no build errors. If there are errors, analyze the error messages and fix them before proceeding. Do not skip this step, as it is critical for ensuring the generated code is correct and functional. ## Creating New Projects If no guidelines are provided by the user, here are some default rules to follow when creating a new Angular project: 1. Use the latest stable version of Angular unless the user specifies otherwise. 2. Use Signal Forms for form management in new projects (stable in Angular v22 and newer) [Find out more](references/signal-forms.md). **Execution Rules for `ng new`:** When asked to create a new Angular project, you must determine the correct execution command by following these strict steps: **Step 1: Check for an explicit user version.** - **IF** the user requests a specific version (e.g., Angular 15), bypass local installations and strictly use `npx`. - **Command:** `npx @angular/cli@<requested_version> new <project-name>` **Step 2: Check for an existing Angular installation.**