DevelopmentMédio

Angular Component

poranalogjs·analogjs· v1.0.0 · atualizado em 2026-04-10

Score

Create modern Angular standalone components following v20+ best practices. Use for building UI components with signal-based inputs/outputs, OnPush change detection, host bindings, content projection, and lifecycle hooks. Triggers on component creation, refactoring class-based inputs to signals, adding host bindings, or implementing accessible interactive components.

angularcomponenttypescriptui-developmentfrontendsignal-inputshost-bindings

0Stars

0Forks

0Usos

Fork

Documento do Skill

SKILL.mdangular-component/workflow

1. Analyze the component requirements (inputs, outputs, styling, accessibility).

2. Generate the component's TypeScript file with signal-based inputs/outputs.

3. Configure host bindings for styling and event handling.

4. Implement content projection if needed.

5. Add lifecycle hooks for component initialization and cleanup.

6. Ensure accessibility by adding ARIA attributes and keyboard navigation support.

7. Generate the component's HTML template using native control flow.

8. Integrate NgOptimizedImage for static images.

Telemetria de Agentes

Execuções

total

Taxa de Sucesso

últimos 30d

Latência Média

0.0s

p50

Alucinação

0.0%

detecção

Tokens Entrada

avg 0/exec

Tokens Saída

avg 0/exec

Uso por Plataforma

Skills Relacionados

Árvore do Skill

Angular Component

angular-component

Fases Cognitivas5

1.SENSE

2.CONTEXTUALIZE

3.HYPOTHESIZE

4.ACT

5.REFLECT

Triggers7

create an Angular componentgenerate a standalone Angular componentrefactor Angular component to use signalsadd host bindings to an Angular componentimplement content projection in Angularcreate an accessible Angular componentbuild a UI component with Angular v20+

Avaliar este Skill

Score Breakdown

⭐Avaliação Humana0%

🤖Sucesso de Agentes0%

🕐Atualidade100%

🔗Saúde de Dependências100%

🕸️Centralidade no Grafo0%

🛡️Segurança50%

CompositeScore = α·Humano + β·Agente + γ·Recência + δ·Deps + ε·Centralidade + ζ·Segurança

Instalação

$ synaptic mcp download angular-component

$ synaptic skills detail angular-component

$ synaptic skills live angular-component

Dependências

@angular/core @angular/common rxjs

Links

GitHub Repository