Habilidades angular-new-app
📦

angular-new-app

v1.0 Revisión del contenido r1 Seguro ⚙️ Comandos externos🌐 Acceso a red

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.

Compatible con: Claude Codex Code(CC)
Maintain this Skill? Claim it 📊 76 Adecuado

Instalar con mi Agente

Copia esta solicitud en tu Agente. Incluye la página canónica del Skill y el manifiesto.

Solicitud de agente
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.

Tu Agente debe seguir mostrando su plan y solicitar cualquier confirmación exigida por la política de seguridad.

Recursos legibles por agentes

Usa estos enlaces cuando un agente de IA, crawler o script necesite contexto limpio en vez de leer la página completa.

Detalle Markdown GET /skills/angular-angular-new-app.md Manifest firmado GET /api/skills/angular-angular-new-app/manifest Lockfile firmado GET /api/skills/angular-angular-new-app/lockfile

Pruébalo

Usando "angular-new-app". Create a customer portal with routing, SCSS, and authentication placeholders.

Resultado esperado:

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

Usando "angular-new-app". Build an SSR product catalog and add Tailwind CSS.

Resultado esperado:

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

Usando "angular-new-app". Set up a small dashboard without skipping tests.

Resultado esperado:

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

Auditoría de seguridad

Seguro
v1 • 22/9/2026 Abrir el informe versionado

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
Archivos escaneados
63
Líneas analizadas
12
Elementos de revisión
0
Falsos positivos ignorados
Elementos de revisión de capacidades (12)

Estas son capacidades locales reales que pueden esperarse para esta habilidad, por lo que requieren revisión, pero no se cuentan como comportamiento malicioso confirmado.

Medio
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.
Medio
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.
Medio
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.
Medio
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.
Medio
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.
Medio
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.
Medio
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.
Medio
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.
Medio
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.
Medio
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.
Medio
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.
Medio
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.

Factores de riesgo

⚙️ Comandos externos (25)
SKILL.md:18 SKILL.md:19 SKILL.md:23 SKILL.md:25 SKILL.md:29 SKILL.md:31 SKILL.md:36 SKILL.md:37 SKILL.md:38 SKILL.md:39 SKILL.md:40 SKILL.md:42 SKILL.md:45 SKILL.md:46 SKILL.md:47 SKILL.md:48 SKILL.md:49 SKILL.md:50 SKILL.md:51 SKILL.md:52 SKILL.md:53 SKILL.md:54 SKILL.md:60 SKILL.md:62 SKILL.md:19
🌐 Acceso a red (1)
SKILL.md:60
Auditado por: codex
Compartir y citar este informe

Comparte el informe de evaluación versionado, la insignia neutral, la tarjeta insertable y las citas. Skillstore presenta evidencias sin decidir si este Skill es seguro.

Abrir el informe versionado
Evaluación de seguridad

Copiar enlace del informe

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

Insignia 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)

Insignia 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>

Tarjeta para insertar

<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>
Citas académicas (APA · BibTeX · CFF)

Cita 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

Cita 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"

Puntuación de Skillstore

Por qué esta puntuación Confianza de la evidencia: Medio
55
Arquitectura
85
Mantenibilidad
87
Contenido
65
Comunidad
83
Cumplimiento de la especificación

Lo que puedes crear

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.

Prueba estos prompts

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.

Mejores prácticas

  • 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.

Evitar

  • 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.

Preguntas frecuentes

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.

Detalles del desarrollador

Autor

angular

Licencia

MIT

Versión del autor

v1.0

Revisión de Skillstore

r1

Aviso de versión

La versión declarada por el autor no es un SemVer válido.

Repositorio

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

Ref.

2aa351cb09c29b7287d263bd8ea81e9bee3b2a61

Actualidad del mantenimiento

30/9/2026

Uso

0 descargas · 0 vistas

Estructura de archivos

📄 SKILL.md