O que component-flow faz?
Skill do Codex para identificação de candidatos a componentes front-end comuns, confirmação manual, construção, revisão, migração de páginas e reutilização contínua.
Visão Geral
Este skill automatiza o processo de identificação e gerenciamento de componentes front-end reutilizáveis. Ele ajuda a:
- Identificar candidatos a componentes comuns a partir de páginas existentes
- Confirmar manualmente a relevância e viabilidade dos candidatos
- Construir novos componentes com base nos padrões identificados
- Revisar a qualidade e conformidade dos componentes
- Migrar páginas para usar os novos componentes
- Promover a reutilização contínua em novos desenvolvimentos
Fluxo de Trabalho
- Análise Inicial: O skill escaneia o código-fonte do front-end para identificar padrões repetidos.
- Geração de Candidatos: Cria uma lista de possíveis componentes comuns.
- Confirmação Manual: Apresenta a lista para o desenvolvedor confirmar quais candidatos devem ser extraídos.
- Construção: Gera o código do componente seguindo as melhores práticas.
- Revisão: Submete o componente para revisão de código.
- Migração: Atualiza as páginas existentes para usar o novo componente.
- Monitoramento: Acompanha o uso do componente para garantir reutilização.
Comandos
/component-flow start- Inicia o fluxo de identificação e confirmação/component-flow build <id>- Constrói um componente específico/component-flow migrate <component>- Migra páginas para usar o componente/component-flow status- Mostra o status atual do fluxo
Requisitos
- Codex instalado
- Acesso ao repositório do front-end
- Node.js e npm/yarn
Exemplo de Uso
# Iniciar o fluxo
codex run component-flow start
# Construir componente identificado com id 42
codex run component-flow build 42
Contribuição
Contribuições são bem-vindas! Siga o guia de contribuição do repositório.
Licença
Este skill é distribuído sob a licença MIT.