技能 angular-new-app
📦
angular-new-app
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)
使用我的智慧代理安裝
將此請求複製給你的智慧代理，其中包含權威 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.你的智慧代理仍應顯示其計畫，並依安全政策請求必要確認。
Agent 可讀資源
當 AI Agent、爬蟲或腳本需要乾淨脈絡、而不是讀取完整頁面時，請使用這些連結。
測試它
正在使用「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.
1
已掃描檔案
63
分析行數
12
複核項目
0
已忽略的誤報
能力複核項目 (12)
這些是真實的本機能力，對此技能而言可能是預期行為，因此需要複核，但不會按已確認的惡意行為計分。
中
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.
中
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.
中
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.
中
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.
中
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.
中
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.
中
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.
中
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.
中
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.
中
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.
中
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.
中
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)
審計單位: codex
分享與引用此報告
分享版本化評估報告、中性徽章、嵌入卡片與引用。Skillstore 只報告證據，不判斷該 Skill 是否安全。
複製報告連結
https://skillstore.io/skills/angular-angular-new-app/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown 徽章
[](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/1BibTeX 引用
@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 評分
評分依據 證據置信度: 中 55
架構
85
可維護性
87
內容
65
社群
83
規範符合度
你可以打造什麼
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.