스킬 angular-new-app

📦

angular-new-app

Name: angular-new-app
Author: angular

v1.0 콘텐츠 리비전 r1 안전 ⚙️ 외부 명령어🌐 네트워크 접근

Create Modern Angular Applications

Starting an Angular project requires many setup decisions and repeated CLI steps. This skill guides consistent scaffolding, generation, builds, AI configuration, and Tailwind setup.

지원: Claude Codex Code(CC)

📊 76 적절함

Maintain this Skill? Claim it 📊 76 적절함

내 에이전트로 설치

이 요청을 에이전트에 복사하세요. 공식 Skill 페이지와 매니페스트가 포함되어 있습니다.

에이전트 요청

Review the Skillstore skill "angular-new-app" from https://skillstore.io/skills/angular-angular-new-app.md and its manifest at https://skillstore.io/api/skills/angular-angular-new-app/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

에이전트는 계속해서 계획을 표시하고 보안 정책에서 요구하는 확인을 요청해야 합니다.

에이전트가 읽기 쉬운 리소스

AI 에이전트, 크롤러, 스크립트가 전체 페이지 대신 정리된 컨텍스트만 필요할 때 이 링크를 사용하세요.

Markdown 상세 GET /skills/angular-angular-new-app.md 서명된 manifest GET /api/skills/angular-angular-new-app/manifest 서명된 lockfile GET /api/skills/angular-angular-new-app/lockfile

테스트해 보기

"angular-new-app" 사용 중입니다. Create a customer portal with routing, SCSS, and authentication placeholders.

예상 결과:

A new Angular workspace with routing, SCSS, generated portal pages, authentication services and guards, tests, and a successful build check.

"angular-new-app" 사용 중입니다. Build an SSR product catalog and add Tailwind CSS.

예상 결과:

An Angular application configured for server-side rendering, catalog routes, generated data services, Tailwind styling, accessible navigation, and verified compilation.

"angular-new-app" 사용 중입니다. Set up a small dashboard without skipping tests.

예상 결과:

A tested Angular dashboard scaffold with generated components, services, routing, selected styles, and build validation before server startup.

보안 감사

안전

v1 • 2026. 9. 22. 버전별 보고서 열기

Most static findings mistake Markdown code spans for Ruby execution or treat fixed Angular CLI commands as unsafe. Dynamic app, prefix, and artifact names remain a medium-risk command-injection concern because the skill does not require validation or argument-safe execution.

스캔된 파일

분석된 줄 수

검토 항목

오탐 무시됨

기능 검토 항목 (12)

이 스킬에 대해 예상될 수 있는 실제 로컬 기능이므로 검토가 필요하지만, 확인된 악의적 동작으로는 집계되지 않습니다.

중간

SKILL.md:29

Ruby/shell backtick execution

`npx ng new <app-name> [list of flags based on the description of the app] --interactive=false --ai-

The instructed command interpolates an app name and flag list derived from the user prompt. Without validation or argument-safe execution, shell metacharacters could cause command injection.

중간

SKILL.md:39

Ruby/shell backtick execution

- `--prefix=<prefix>` — component selector prefix

The documented prefix option accepts a substituted value that may originate from the user. The skill does not require validation or safe argument handling before command execution.

중간

SKILL.md:45

Ruby/shell backtick execution

- To generate components, use the Angular CLI `npx ng generate component <component-name>`

The component name placeholder may be populated from user input and passed to a shell command. The instruction lacks validation and argument-safe execution requirements.

중간

SKILL.md:46

Ruby/shell backtick execution

- To generate services, use the Angular CLI `npx ng generate service <service-name>`

The service name placeholder may be populated from user input and passed to a shell command. The instruction lacks validation and argument-safe execution requirements.

중간

SKILL.md:47

Ruby/shell backtick execution

- To generate pipes, use the Angular CLI `npx ng generate pipe <pipe-name>`

The pipe name placeholder may be populated from user input and passed to a shell command. The instruction lacks validation and argument-safe execution requirements.

중간

SKILL.md:48

Ruby/shell backtick execution

- To generate directives, use the Angular CLI `npx ng generate directive <directive-name>`

The directive name placeholder may be populated from user input and passed to a shell command. The instruction lacks validation and argument-safe execution requirements.

중간

SKILL.md:49

Ruby/shell backtick execution

- To generate interfaces, use the Angular CLI `npx ng generate interface <interface-name>`

The interface name placeholder may be populated from user input and passed to a shell command. The instruction lacks validation and argument-safe execution requirements.

중간

SKILL.md:50

Ruby/shell backtick execution

- To generate guards, use the Angular CLI `npx ng generate guard <guard-name>`

The guard name placeholder may be populated from user input and passed to a shell command. The instruction lacks validation and argument-safe execution requirements.

중간

SKILL.md:51

Ruby/shell backtick execution

- To generate interceptors, use the Angular CLI `npx ng generate interceptor <interceptor-name>`

The interceptor name placeholder may be populated from user input and passed to a shell command. The instruction lacks validation and argument-safe execution requirements.

중간

SKILL.md:52

Ruby/shell backtick execution

- To generate resolvers, use the Angular CLI `npx ng generate resolver <resolver-name>`

The resolver name placeholder may be populated from user input and passed to a shell command. The instruction lacks validation and argument-safe execution requirements.

중간

SKILL.md:53

Ruby/shell backtick execution

- To generate enums, use the Angular CLI `npx ng generate enum <enum-name>`

The enum name placeholder may be populated from user input and passed to a shell command. The instruction lacks validation and argument-safe execution requirements.

중간

SKILL.md:54

Ruby/shell backtick execution

- To generate classes, use the Angular CLI `npx ng generate class <class-name>`

The class name placeholder may be populated from user input and passed to a shell command. The instruction lacks validation and argument-safe execution requirements.

위험 요인

⚙️ 외부 명령어 (25)

🌐 네트워크 접근 (1)

SKILL.md:60

감사자: codex

이 보고서 공유 및 인용

버전이 지정된 평가 보고서, 중립 배지, 임베드 카드 및 인용을 공유하세요. Skillstore는 근거를 보고하지만 이 Skill의 안전 여부를 판단하지 않습니다.

버전별 보고서 열기

보고서 링크 복사

https://skillstore.io/skills/angular-angular-new-app/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdown 배지

[![Skillstore security assessment](https://skillstore.io/badges/skills/angular-angular-new-app/security.svg)](https://skillstore.io/skills/angular-angular-new-app?utm_source=security_passport_badge)

HTML 배지

<a href="https://skillstore.io/skills/angular-angular-new-app?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/angular-angular-new-app/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

임베드 카드

<iframe src="https://skillstore.io/embed/skills/angular-angular-new-app.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>

학술 인용 (APA · BibTeX · CFF)

APA 인용

angular. (2026). angular-new-app security audit report (audit version 1) [Author version 1.0]. Skillstore. https://skillstore.io/skills/angular-angular-new-app/audits/1

BibTeX 인용

@techreport{angular-angular-angular-new-app-2026,
  author = {angular},
  title = {angular-new-app security audit report (audit version 1)},
  institution = {Skillstore},
  year = {2026},
  number = {1},
  url = {https://skillstore.io/skills/angular-angular-new-app/audits/1},
  note = {Author version 1.0}
}

CITATION.cff

cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "angular-new-app security audit report (audit version 1)"
version: "1.0"
type: report
authors:
  - name: "angular"
date-released: "2026-09-22"
url: "https://skillstore.io/skills/angular-angular-new-app/audits/1"
identifiers:
  - type: other
    value: "skillstore:angular-angular-new-app:audit:1"
    description: "Skillstore immutable audit report identifier"

Skillstore 점수

이 점수의 이유 증거 신뢰도: 중간

아키텍처

유지보수성

콘텐츠

커뮤니티

사양 준수

만들 수 있는 것

Start a First Angular Project

Create a structured Angular application with appropriate routing, styles, tests, and initial features.

Standardize Team Scaffolding

Apply consistent CLI options, naming, AI configuration, and generation practices across new projects.

Prototype an Angular Product

Scaffold a buildable Angular prototype with generated services, components, routing, and optional Tailwind CSS.

이 프롬프트를 사용해 보세요

Create a Basic Application

Create an Angular application named [app name] with routing, SCSS, and tests. Build a simple home page, then verify the build.

Add Generated Features

Create an Angular application for [purpose]. Generate components for [pages] and services for [data needs], then verify the build.

Configure SSR and Tailwind

Create an Angular application named [app name] with SSR, routing, Tailwind CSS, and [AI configuration]. Add an accessible responsive shell.

Plan a Production Foundation

Create a scalable Angular application for [domain]. Define routes, generated artifacts, SSR needs, styling, test coverage, and build verification before implementation.

모범 사례

Confirm project requirements and Angular CLI availability before creating files.
Use Angular CLI generators and track every generated path before extending the code.
Keep tests enabled and run a build before offering to start the application.

피하기

Do not install Angular CLI globally without explicit user approval.
Do not pass unvalidated user text into shell command arguments.
Do not start the development server before implementing features and obtaining user approval.

자주 묻는 질문

What software does this skill require?

It requires Node.js, npm, Angular CLI access, and internet access for package installation.

Can it create projects with routing?

Yes. It can enable routing during Angular CLI project creation.

Does it support server-side rendering?

Yes. It can enable Angular server-side rendering when the project requires it.

Can it configure Tailwind CSS?

Yes. It adds Tailwind CSS through the Angular CLI and follows Tailwind version 4 guidance.

Will it remove generated tests?

No. It skips tests only when the user explicitly requests that option.

Does it start the application automatically?

No. It builds features first and asks the user before starting the development server.

개발자 세부 정보

작성자

angular

라이선스

MIT

작성자 버전

v1.0

Skillstore 리비전

버전 안내

작성자가 선언한 버전은 유효한 SemVer가 아닙니다.

리포지토리

https://github.com/angular/skills/tree/66c90bae7662a0404a5cafd117123a2942aa8730/angular-new-app

참조

2aa351cb09c29b7287d263bd8ea81e9bee3b2a61

유지보수 최신성

2026. 9. 30.

사용량

0 다운로드 · 0 조회

파일 구조

📄 SKILL.md