haonL-7/frontend-workflow

O que frontend-workflow faz?

Skill do Claude Code: Engine de fluxo de trabalho de desenvolvimento frontend — decomposição de funcionalidades, transição de design, checklists de revisão de código, triagem de bugs, otimização de desempenho e checklists de implantação

Visão Geral

Este skill fornece uma série de prompts e ferramentas para auxiliar em várias fases do desenvolvimento frontend, desde a decomposição inicial de funcionalidades até a implantação final. Ele foi projetado para ser utilizado dentro do Claude Code para agilizar tarefas comuns.

Funcionalidades

• Decomposição de Funcionalidades: Ajuda a dividir funcionalidades grandes em tarefas menores e acionáveis.
• Transição de Design: Gera um checklist para transferir designs do Figma (ou outras ferramentas) para código, garantindo que todos os aspectos do design sejam capturados.
• Checklists de Revisão de Código: Fornece um checklist abrangente para revisão de código frontend, cobrindo práticas recomendadas, desempenho e acessibilidade.
• Triagem de Bugs: Auxilia na triagem e categorização de bugs, sugerindo prioridades e possíveis causas raiz.
• Otimização de Desempenho: Oferece um checklist para identificar e corrigir gargalos de desempenho no frontend.
• Checklists de Implantação: Gera um checklist de pré-implantação para garantir que tudo esteja pronto para o lançamento.

Como Usar

1. Adicione este skill ao seu projeto Claude Code.
2. Durante o planejamento de funcionalidades, use o comando feature-breakdown.
3. Durante a implementação, use design-handoff para garantir a fidelidade do design.
4. Antes de abrir um PR, use code-review-checklist.
5. Ao encontrar um bug, use bug-triage.
6. Periodicamente, use performance-optimization para verificar a saúde da aplicação.
7. Antes da implantação, use deployment-checklist.

Comandos

• /feature-breakdown - Decompor uma funcionalidade.
• /design-handoff - Checklist de transição de design.
• /code-review-checklist - Checklist de revisão de código.
• /bug-triage - Triagem de um bug.
• /performance-optimization - Checklist de otimização de desempenho.
• /deployment-checklist - Checklist de pré-implantação.

Suporte

Para problemas ou sugestões, por favor, abra uma issue no repositório do GitHub.