Habilidades angular-component
📦

angular-component

Revisão do conteúdo r2 Seguro ⚙️ Comandos externos🌐 Acesso à rede

Crie Componentes Angular Modernos

O trabalho com componentes Angular pode derivar para padrões desatualizados em inputs, outputs, templates e acessibilidade. Esta skill orienta Claude, Codex e Claude Code na direção de componentes Angular v20+ standalone modernos.

Suporta: Claude Codex Code(CC)
Maintain this Skill? Claim it 📊 74 Adequado

Instalar com meu Agente

Copie esta solicitação para o seu Agente. Ela inclui a página canônica do Skill e o manifesto.

Solicitação do agente
Review the Skillstore skill "angular-component" from https://skillstore.io/skills/analogjs-angular-component.md and its manifest at https://skillstore.io/api/skills/analogjs-angular-component/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

Seu Agente ainda deve apresentar o plano e solicitar qualquer confirmação exigida pela política de segurança.

Recursos legíveis por agentes

Use estes links quando um agente de IA, crawler ou script precisar de contexto limpo em vez de ler a página completa.

Detalhe em Markdown GET /skills/analogjs-angular-component.md manifest assinado GET /api/skills/analogjs-angular-component/manifest lockfile assinado GET /api/skills/analogjs-angular-component/lockfile

Testar

Usando "angular-component". Crie um cartão de perfil com nome, email, avatar e evento selecionado.

Resultado esperado:

A skill retorna um plano de componente Angular standalone com signal inputs, um signal output, host bindings e notas de acessibilidade.

Usando "angular-component". Refatore um componente legado que usa decorator inputs e diretivas estruturais.

Resultado esperado:

A skill descreve os inputs atualizados baseados em signals e o controle de fluxo nativo, preservando o comportamento original do componente.

Usando "angular-component". Crie um toggle reutilizável para um design system.

Resultado esperado:

A skill delineia um padrão de switch acessível com estado ARIA, suporte a teclado e um evento claro de alteração de checked.

Auditoria de segurança

Seguro
v5 • 23/07/2026 Abrir o relatório versionado

All 48 static findings are false positives caused by Markdown backticks, Angular template literals, a CSS selector, and an in-memory array filter. The placeholder URL is not requested, and no command execution, reconnaissance, exfiltration, or prompt injection is present.

2
Arquivos analisados
648
Linhas analisadas
0
Itens de revisão
0
Falsos positivos ignorados

Fatores de risco

⚙️ Comandos externos (45)
references/component-patterns.md:31-46 references/component-patterns.md:69-83 references/component-patterns.md:108-136 references/component-patterns.md:136-146 references/component-patterns.md:158-175 references/component-patterns.md:184-197 references/component-patterns.md:205-217 references/component-patterns.md:217-224 references/component-patterns.md:249-260 references/component-patterns.md:260-264 references/component-patterns.md:282-287 references/component-patterns.md:306-311 references/component-patterns.md:329-332 references/component-patterns.md:348-358 SKILL.md:8 SKILL.md:12-23 SKILL.md:29-30 SKILL.md:33-47 SKILL.md:47-56 SKILL.md:56-60 SKILL.md:60-76 SKILL.md:76-80 SKILL.md:80-97 SKILL.md:97-101 SKILL.md:101 SKILL.md:103-126 SKILL.md:126-141 SKILL.md:141-145 SKILL.md:145-148 SKILL.md:158-168 SKILL.md:168-172 SKILL.md:172-190 SKILL.md:190-201 SKILL.md:201-213 SKILL.md:213-224 SKILL.md:224-228 SKILL.md:228 SKILL.md:230-253 SKILL.md:253-257 SKILL.md:257 SKILL.md:259-267 SKILL.md:267-271 SKILL.md:271-273 SKILL.md:273-278 SKILL.md:281-286
🌐 Acesso à rede (1)
SKILL.md:47
A auditoria estática e semântica concluída mais recente não detectou achados de segurança confirmados. Isso não comprova que a skill não tenha efeitos colaterais.
Auditado por: codex Ver histórico de auditoria →
Compartilhar e citar este relatório

Compartilhe o relatório de avaliação versionado, o badge neutro, o cartão incorporável e as citações. A Skillstore apresenta evidências sem decidir se este Skill é seguro.

Abrir o relatório versionado
Avaliação de Segurança

Copiar link do relatório

https://skillstore.io/skills/analogjs-angular-component/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Badge Markdown

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

Badge HTML

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

Cartão incorporável

<iframe src="https://skillstore.io/embed/skills/analogjs-angular-component.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>
Citações acadêmicas (APA · BibTeX · CFF)

Citação APA

analogjs. (2026). angular-component security audit report (audit version 5) [Author version unspecified]. Skillstore. https://skillstore.io/skills/analogjs-angular-component/audits/5

Citação BibTeX

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

CITATION.cff

cff-version: 1.2.0 message: "If you use this Skill, cite its author and this versioned security audit report." title: "angular-component security audit report (audit version 5)" version: "unspecified" type: report authors: - name: "analogjs" date-released: "2026-07-23" url: "https://skillstore.io/skills/analogjs-angular-component/audits/5" identifiers: - type: other value: "skillstore:analogjs-angular-component:audit:5" description: "Skillstore immutable audit report identifier"

Pontuação do Skillstore

Por que esta pontuação Confiança das evidências: Alto
41
Arquitetura
85
Manutenibilidade
87
Conteúdo
69
Comunidade
83
Conformidade com a especificação

O que você pode criar

Criar um Novo Componente

Gere um componente Angular standalone com signal inputs, outputs, host bindings e estrutura de template.

Modernizar Componentes Existentes

Refatore padrões antigos de input, output e template para padrões atuais do Angular baseados em signals.

Criar Controles Acessíveis

Projete componentes interativos com atributos ARIA, comportamento de teclado e requisitos de foco visível.

Teste estes prompts

Criar um Componente Básico 
Crie um componente Angular v20+ standalone de cartão de usuário. Use signal inputs, detecção de mudanças OnPush e um template simples e acessível.
Refatorar Inputs para Signals 
Refatore este componente Angular para usar signal inputs e outputs. Preserve o comportamento e explique quaisquer mudanças no template.
Criar um Controle Acessível 
Crie um componente toggle acessível para Angular v20+. Inclua estado ARIA, tratamento de teclado, host bindings e signal outputs.
Projetar um Componente de Funcionalidade 
Projete um componente de widget de dashboard usando projeção de conteúdo, view queries, controle de fluxo nativo e padrões claros de comunicação entre componentes.

Boas práticas

  • Use signal inputs e outputs para APIs modernas de componentes Angular.
  • Use o objeto host do componente para classes, atributos, estilos e eventos.
  • Inclua atributos ARIA, navegação por teclado e estados de foco visíveis.

Evitar

  • Adicionar standalone true a componentes Angular v20+ standalone.
  • Usar diretivas estruturais legadas quando o controle de fluxo nativo é adequado.
  • Usar helpers amplos de classe ou estilo quando bindings diretos são mais claros.

Perguntas frequentes

Qual versão do Angular esta skill tem como alvo?
Ela tem como alvo Angular v20+ e padrões modernos de componentes standalone.
Ela cria aplicações Angular completas?
Não. Ela se concentra em padrões de componentes, templates, bindings e acessibilidade.
Ela pode ajudar a refatorar componentes mais antigos?
Sim. Ela pode orientar a migração de decorator inputs e sintaxe de template mais antiga para padrões baseados em signals.
Ela inclui orientação de acessibilidade?
Sim. Ela exige atributos ARIA, navegação por teclado, indicadores de foco e atenção à WCAG AA.
Ela executa comandos ou instala pacotes?
Não. A skill contém apenas documentação e exemplos.
Quais ferramentas podem usar esta skill?
Ela é marcada para Claude, Codex e Claude Code.

Detalhes do desenvolvedor

Autor

analogjs

Licença

MIT

Revisão da Skillstore

r2

Aviso de versão

O autor não declarou uma versão.

Repositório

https://github.com/analogjs/angular-skills/tree/main/skills/angular-component/

Referência

89edfdc710d0846129dcee6a929477b04f08052c

Atualidade da manutenção

28/07/2026

Uso

5 downloads · 116 visualizações

Estrutura de arquivos

📁 references/

📄 component-patterns.md

📄 SKILL.md