Habilidades frontend-review

📦

frontend-review

Name: frontend-review
Author: yaojingang

Revisão do conteúdo r1 Seguro ⚙️ Comandos externos

Revisar Código Frontend Antes do Merge

Revisões de frontend frequentemente deixam passar lacunas de acessibilidade, caminhos de renderização inseguros e estados de UI incompletos. Esta skill fornece ao Claude, Codex ou Claude Code uma checklist de revisão focada para feedback prático antes do merge.

Suporta: Claude Codex Code(CC)

📊 75 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 "frontend-review" from https://skillstore.io/skills/yaojingang-frontend-review.md and its manifest at https://skillstore.io/api/skills/yaojingang-frontend-review/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/yaojingang-frontend-review.md manifest assinado GET /api/skills/yaojingang-frontend-review/manifest lockfile assinado GET /api/skills/yaojingang-frontend-review/lockfile

Testar

Usando "frontend-review". Revise um novo componente de modal antes do merge.

Resultado esperado:

Achado: O diálogo abre sem mover o foco para dentro do modal.
Impacto: Usuários de teclado podem continuar interagindo com controles em segundo plano.
Correção: Mova o foco para o título do diálogo ou para o primeiro controle acionável quando aberto.

Usando "frontend-review". Revise uma página de resultados de busca com carregamento assíncrono.

Resultado esperado:

Achado: O estado vazio e o estado de erro não são distintos.
Impacto: Usuários não conseguem saber se não existem resultados ou se a solicitação falhou.
Correção: Adicione estados separados de vazio, carregamento e erro com possibilidade de nova tentativa.

Usando "frontend-review". Revise um componente que renderiza conteúdo fornecido pelo usuário.

Resultado esperado:

Achado: A revisão deve confirmar se o conteúdo renderizado é sanitizado antes da exibição.
Impacto: Marcação não confiável pode se tornar um risco de cross-site scripting.
Correção: Use padrões seguros de renderização e documente qualquer fronteira de HTML confiável.

Auditoria de segurança

Seguro

v4 • 08/07/2026 Abrir o relatório versionado

The single static finding is a false positive. SKILL.md line 26 uses Markdown backticks to format a local checklist path, not to execute shell or Ruby commands. No prompt injection or malicious intent was found in the reviewed files.

Arquivos analisados

Linhas analisadas

Itens de revisão

Falsos positivos ignorados

Fatores de risco

⚙️ Comandos externos (1)

SKILL.md:26

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

Copiar link do relatório

https://skillstore.io/skills/yaojingang-frontend-review/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Badge Markdown

[![Skillstore security assessment](https://skillstore.io/badges/skills/yaojingang-frontend-review/security.svg)](https://skillstore.io/skills/yaojingang-frontend-review?utm_source=security_passport_badge)

Badge HTML

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

Cartão incorporável

<iframe src="https://skillstore.io/embed/skills/yaojingang-frontend-review.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

yaojingang. (2026). frontend-review security audit report (audit version 4) [Author version unspecified]. Skillstore. https://skillstore.io/skills/yaojingang-frontend-review/audits/4

Citação BibTeX

@techreport{yaojingang-yaojingang-frontend-review-2026,
  author = {yaojingang},
  title = {frontend-review security audit report (audit version 4)},
  institution = {Skillstore},
  year = {2026},
  number = {4},
  url = {https://skillstore.io/skills/yaojingang-frontend-review/audits/4},
  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: "frontend-review security audit report (audit version 4)"
version: "unspecified"
type: report
authors:
  - name: "yaojingang"
date-released: "2026-07-08"
url: "https://skillstore.io/skills/yaojingang-frontend-review/audits/4"
identifiers:
  - type: other
    value: "skillstore:yaojingang-frontend-review:audit:4"
    description: "Skillstore immutable audit report identifier"

Pontuação do Skillstore

Por que esta pontuação Confiança das evidências: Alto

Arquitetura

Manutenibilidade

Conteúdo

Comunidade

Conformidade com a especificação

O que você pode criar

Revisão React Pré-Merge

Revise uma pull request quanto a acessibilidade, renderização insegura e estados de usuário ausentes antes da aprovação.

Verificação de Componentes de Design System

Avalie componentes compartilhados quanto a comportamento de teclado, gerenciamento de foco, estados desabilitados e tratamento consistente de erros.

Revisão de UI com Foco em Segurança

Encontre caminhos de UI que renderizam conteúdo não confiável ou lidam com formulários sem validação clara e estados de recuperação.

Teste estes prompts

Revisão Básica de Componente

Use frontend-review para revisar este componente quanto a acessibilidade, renderização insegura e estados de carregamento ou erro ausentes.

Revisão de Pull Request

Use frontend-review nesta alteração de frontend. Priorize achados por severidade e inclua referências concretas a arquivos.

Revisão de Fluxo de Formulário

Use frontend-review para inspecionar este fluxo de formulário quanto a lacunas de validação, estados pendentes, estados desabilitados, gerenciamento de foco e recuperação de erros.

Revisão de Segurança e Acessibilidade

Use frontend-review para uma revisão rigorosa de renderização insegura, caminhos perigosos de injeção de HTML, navegação por teclado, comportamento de foco e lacunas residuais de testes.

Boas práticas

Forneça os arquivos alterados, componentes relacionados e o fluxo de usuário esperado.
Peça primeiro os achados, depois as perguntas em aberto e lacunas de testes.
Inclua requisitos de produto quando a acessibilidade ou o comportamento de estado depender da intenção.