Harvory
    Voltar para Prompts

    Windsurf • Refino Técnico e Preparação para Handoff Backend

    Refina o front-end e prepara interface para integração com backend sem retrabalho.

    Produto
    handoff
    refatoracao
    backend
    windsurf
    avançado

    Preencha as variáveis

    0/6 preenchidas

    Preencha os campos abaixo e o prompt será atualizado automaticamente. Depois é só copiar!

    {produto}
    {modulos}
    {stack}
    {problemas_tecnicos}
    {integracoes}
    {qualidade}

    Prompt (prévia ao vivo)

    Atue como Front-end Tech Lead. Analise a UI implementada e gere refinamentos técnicos e checklist de preparação para handoff com backend.

Dados:
- Produto: {produto}
- Módulos implementados: {modulos}
- Stack: {stack}
- Problemas técnicos percebidos: {problemas_tecnicos}
- Endpoints/integrações futuras: {integracoes}
- Requisitos de qualidade: {qualidade}

Entregue:
1) Diagnóstico técnico do front atual
2) Ajustes estruturais recomendados
3) Pontos de preparação para integração (tipos, contratos, hooks, services)
4) Checklist técnico de handoff para backend
5) Prompt final para Windsurf aplicar refinamentos

Seja técnico, claro e orientado a escalabilidade.

    Exemplos

    Entrada

    Produto: Harvory
Módulos implementados: Auth, Home, Catálogo, Detalhe, Pricing, Checkout
Stack: Next.js + Tailwind + TypeScript
Problemas técnicos percebidos: Mocks espalhados, alguns componentes com lógica acoplada
Endpoints/integrações futuras: auth, content list/detail, favorites, subscription, checkout
Requisitos de qualidade: Componentes limpos, tipos centralizados, fácil integração

    Saída esperada

    🧠 Diagnóstico técnico:
UI funcional, porém há acoplamento entre apresentação e lógica em alguns componentes e mocks dispersos.

🔧 Ajustes:
- Centralizar tipos em /types
- Mover mocks para /mocks
- Criar camada /services mockada
- Extrair lógica para hooks

🔌 Preparação integração:
Definir contratos de resposta esperados para auth, catálogo, favoritos e billing.

✅ Checklist handoff backend:
- Tipos TypeScript definidos
- Services stub criados
- Estados de erro tratados
- Componentes desacoplados
- Payloads simulados documentados

🎯 Prompt Windsurf:
Refatore o front-end para separar UI de lógica, centralizar tipos e mocks, criar services/hooks preparados para integração futura com backend, mantendo as telas atuais e estados de interface já implementados.