Install
npx skills add https://github.com/angular/skills누구에게 맞나
코딩 Agent가 최신 Angular, 공식 실천, 새 기능에 맞춰 앱을 쓰고 기존 Angular 프로젝트를 잘 관리하게 하고 싶을 때 이 스킬 세트를 쓴다. 스마트 코딩 도구를 향하며, 페이지는 Gemini CLI, Antigravity 등을 지명한다. 어떤 스킬을 켜면 그 작업에 필요한 설명과 자원이 로드된다. 이 두 곳을 독점이라 이해하지 말 것. 이미 Angular 저장소가 있고 반응형, 폼, 의존성 주입, 라우팅을 어떻게 쓸지 먼저 묻고 싶은 사람은 angular-developer를 먼저 쓴다. 아직 프로젝트가 없고 처음부터 발판을 짜려는 사람만 angular-new-app을 고려한다. 그것은 Angular CLI를 호출해 새 앱을 만든다. 기여 입구는 angular/angular 저장소이며 이 스킬 저장소에서 직접 고치는 것이 아니다. 일상 사용에 기여 경로는 필요 없다.
3분 만에 첫 시도 끝내기
공식의 이 설치 명령만 따른다. 저장소 주소는 페이지와 같아야 한다:
npx skills add https://github.com/angular/skills
나타나지 않은 마켓 이름으로 바꾸지 말고, 스킬 카탈로그도 짐작으로 만들지 말 것. 설치 후 기존 Angular 프로젝트를 연다. 처음에는 angular-developer만 써서 읽기 전용 아키텍처 지도를 한다. 예: 현재 컴포넌트를 signals나 routed 기능으로 바꾸면 무엇을 주의할지. 먼저 Agent가 되말하게 한다: angular-developer 설명을 로드하고, 조언만 하며 파일은 쓰지 않고, 새 앱 스킬은 호출하지 않는다. 확인한 뒤에만 코드 읽기를 허용한다.
성공 신호: 답이 공식이 짚은 능력 범위 하나를 덮는다. 예: 컴포넌트, 서비스, HTTP, 반응형(signals, linkedSignal, resource, httpResource), 폼, 의존성 주입, 라우팅, SSR, 접근성, 애니메이션, 스타일, 테스트, CLI 도구. 새 저장소는 만들지 않는다. Agent가 angular-new-app을 돌리려 하면 중단한다.
사용 사례
사례 1: angular-developer로 아키텍처와 작성 지도. 기존 앱에서 컴포넌트, 서비스, HTTP 통신을 만들거나 조정하거나, 반응형, 폼, 의존성 주입, 라우팅, SSR, ARIA, 애니메이션, 스타일, 테스트, CLI 실천을 물을 때 맞다. 먼저 Agent가 인용할 주제를 나열하게 하고, 범위를 확인한 뒤에 코드 변경을 허용한다. 설명에 단계 패치는 없다. 빠진 API 세부사항은 자신의 프로젝트와 스킬 설명을 따른다.
사례 2: angular-new-app으로 Angular CLI를 통해 새 앱을 짓기. 프로젝트를 만들므로 부작용이 크다. Agent가 먼저 대상 디렉터리, CLI를 호출할 것, 기존 저장소를 동시에 바꾸지 않을 것을 말하게 해야 한다. 빈 디렉터리가 맞는지 확인한 뒤에 실행한다. 페이지에 CLI 플래그나 버전 번호는 없다. ng new 매개변수를 만들지 말 것. 확인할 수 있는 것은 「Angular CLI로 새 앱을 만든다」이다.
사용 경계
기본 설치는 npx skills add에 이 저장소 주소를 더한 것이다. 지명된 클라이언트는 Gemini CLI와 Antigravity 등 스마트 코딩 도구이며 완전한 명단이 아니다. 처음에 angular-new-app을 쓰지 말 것. 스킬 내용을 바꾸려면 angular/angular로 간다. 이 저장소는 출력 위치다. 적히지 않은 스킬 짧은 이름, 디렉터리, 마켓 명령은 채우지 말 것. 저장소 페이지:
https://github.com/angular/skills
Gemini CLI 스킬 설명:
https://geminicli.com/docs/cli/skills/
Antigravity 스킬 설명:
https://antigravity.google/docs/skills