技能 perigon-angular
�

perigon-angular

安全 🌐 網路存取📁 檔案系統存取

Aplicar convenciones de Angular 21+ Perigon

Esta skill proporciona convenciones de desarrollo estandarizadas para Angular 21+ en Perigon WebApp. Cubre arquitectura de componentes, gestión de estado con signals e integración con Material Design para ayudar a los desarrolladores a mantener código moderno y consistente.

支援: Claude Codex Code(CC)
⚠️ 68 差
1

下載技能 ZIP

2

在 Claude 中上傳

前往 設定 → 功能 → 技能 → 上傳技能

3

開啟並開始使用

測試它

正在使用「perigon-angular」。 Create a user profile page component with signal-based state management

預期結果:

  • • Location: app/pages/user-profile/
  • • Type: Standalone component with signal forms
  • • Imports: Material modules via standalone imports
  • • State: Signal-based computed values and effects
  • • Style: Co-located SCSS with component
  • • Route: Registered in app.routes.ts

安全審計

安全
v5 • 1/16/2026

All 22 static findings are FALSE POSITIVES. This skill contains only documentation describing Angular 21+ development conventions. The pre-computed security audit explicitly states: 'This skill contains only documentation in markdown format. No code execution, file system access, network calls, or external commands are present.' The static scanner misidentified SHA-256 content hashes, GitHub repository URLs, and development documentation references as security threats.

2
已掃描檔案
194
分析行數
2
發現項
5
審計總數

風險因素

🌐 網路存取 (1)
skill-report.json:6
📁 檔案系統存取 (1)
skill-report.json:6
審計者: claude 查看審計歷史 →

品質評分

38
架構
100
可維護性
83
內容
21
社群
100
安全
83
規範符合性

你能建構什麼

Convenciones de proyecto Angular

Aplicar estructura de proyecto consistente y patrones de código a través del desarrollo de Angular 21+ Perigon WebApp

Patrones de servicio y API

Configurar clientes HTTP, interceptores y configuraciones de entorno siguiendo estándares de Perigon

Implementación de Material Design

Implementar componentes de Angular Material con proper theming y patrones de importación standalone

試試這些提示

Configuración de nueva página 
Crear un nuevo componente de página usando Angular 21+ con convenciones Perigon. Incluir configuración standalone, estado basado en signals, importaciones de Material, y configuración de ruta apropiada en el directorio de páginas.
Implementación de servicio 
Implementar un servicio de Angular siguiendo patrones Perigon. Usar el patrón de servicio base, incluir definiciones de tipos apropiadas, configurar interceptor HTTP, y hacer referencia a configuraciones de entorno.
Configuración de theming 
Configurar theming de Angular Material para una nueva feature usando convenciones Perigon. Incluir estructura de archivos de theme, configuración de paleta de colores, y patrones de importación standalone de Material.
Integración i18n 
Agregar nuevos strings de internacionalización siguiendo convenciones Perigon. Incluir definición de clave i18n, actualizaciones de archivos JSON, y alineación con patrones existentes de claves de traducción.

最佳實務

  • Usar exclusivamente componentes standalone y evitar NgModules cuando sea posible
  • Preferir signals y signal forms sobre patrones legacy de two-way binding
  • Mantener estilos de componente junto a sus archivos de componente respectivos

避免

  • Evitar usar patrones deprecated de NgModules cuando existen alternativas standalone
  • No mezclar legacy two-way binding con signals innecesariamente
  • Evitar dispersión de estilos globales - mantener estilos de página con sus componentes

常見問題

¿Qué versiones de Angular están soportadas?
Esta skill soporta Angular 21 y versiones nuevas con soporte completo de signals y componentes standalone.
¿Puede esta skill modificar mis archivos de proyecto?
No. Esta skill proporciona únicamente guía y convenciones. No genera ni modifica archivos directamente.
¿Esta skill ejecuta tests o builds?
No. La skill no ejecuta ningún comando de build, tests, u operaciones de herramientas externas.
¿Cómo integro con código Perigon existente?
Seguir la estructura de directorios y patrones de importación descritos en la skill. Coincidir con convenciones existentes en src/ClientApp/WebApp.
¿Qué pasa si mi proyecto usa diferentes convenciones de nombres?
La skill proporciona estándares específicos de Perigon. Adaptar los principios para coincidir con los requisitos de tu proyecto donde sea necesario.
¿Cómo se compara esto con guías generales de Angular?
Esta skill proporciona estructura de proyecto específica de Perigon, preferencias de herramientas, y convenciones de equipo en lugar de documentación general de Angular.

開發者詳情

作者

AterDev

授權

MIT

儲存庫

https://github.com/AterDev/Perigon.template/tree/main/ApiStandard/.github/skills/perigon-angular

引用

main

檔案結構

📄 SKILL.md