Harvory
    Voltar para Prompts

    SaaS • Windsurf • Refino Técnico e Handoff para Backend

    Prepara o front-end SaaS para integração backend com contratos, services e hooks.

    Produto
    refino
    handoff
    backend
    saas
    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 de SaaS. Analise a UI implementada e gere refinamentos técnicos e checklist de handoff para backend.

Dados:
- Nome do SaaS: {produto}
- Módulos implementados: {modulos}
- Stack: {stack}
- Problemas técnicos percebidos: {problemas_tecnicos}
- Integrações futuras: {integracoes}
- Requisitos de qualidade: {qualidade}

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

    Exemplos

    Entrada

    Nome do SaaS: TeamPulse
Módulos implementados: Auth, Onboarding, Dashboard, Projects, Reports, Billing
Stack: Next.js + Tailwind + TypeScript
Problemas técnicos percebidos: Tipos repetidos e lógica misturada em páginas
Integrações futuras: auth, projects CRUD, reports, subscription, billing
Requisitos de qualidade: Hooks por domínio, services separados, types centralizados

    Saída esperada

    🧠 Diagnóstico:
Front funcional, mas com acoplamento entre tela e lógica e repetição de tipos.

🔧 Ajustes:
Centralizar /types, criar /services e /hooks por domínio, desacoplar páginas.

🔌 Preparação backend:
Definir contratos para auth, projects, reports e subscription; criar stubs tipados.

✅ Checklist handoff:
- Tipos centralizados
- Services stubados
- Hooks por feature
- Estados de erro tratados
- Payloads mock documentados

🎯 Prompt Windsurf:
Refatore o front do SaaS para separar UI de lógica, centralizar tipos, criar services/hooks por domínio e preparar contratos de integração para auth, projects, reports e billing.