Pular para o conteúdo principal

Como Usar Prompts no Cursor

dica

O uso eficaz de prompts pode melhorar significativamente sua produtividade de codificação no Cursor aproveitando a assistência de IA.

Entendendo os Prompts​

Prompts no Cursor são instruções em linguagem natural que ajudam você a:

  • Gerar código
  • Depurar problemas
  • Refatorar código existente
  • Obter explicações
  • Automatizar tarefas

Tipos Básicos de Prompts​

1. Geração de Código​

# Geração básica de código
/generate Criar um componente de botão React com efeitos de hover

2. Explicação de Código​

# Obter explicação para código
/explain O que este padrão regex faz: ^[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,}$

3. Refatoração de Código​

# Solicitar refatoração
/refactor Converter esta função para usar async/await

Escrevendo Prompts Eficazes​

1. Seja Específico​

✅ Bom Prompt:

/generate Criar uma função TypeScript que valide endereços de email usando regex com tratamento de erros adequado

❌ Prompt Ruim:

/generate Fazer um verificador de email

2. Fornecer Contexto​

/explain Este código no contexto de uma aplicação React usando Redux para gerenciamento de estado:

3. Usar Parâmetros​

/generate language:typescript
         framework:react
         style:functional
         Criar um componente de formulário com validação de email

Recursos Avançados de Prompts​

1. Tarefas Multi-etapas​

/task Criar um sistema de autenticação de usuário
Etapas:
1. Criar formulário de login
2. Adicionar validação
3. Implementar chamadas de API
4. Lidar com respostas
5. Adicionar tratamento de erros

2. Geração de Templates​

/template Criar um novo template de componente React com:
- TypeScript
- Styled Components
- Testes unitários
- Documentação

3. Regras Personalizadas​

/rules Adicionar regras personalizadas para:
- Estilo de código
- Tratamento de erros
- Documentação
- Requisitos de teste

Prompts Específicos para Linguagens​

JavaScript/TypeScript​

/generate js
Criar uma classe ES6 para lidar com requisições de API com:
- Integração com Axios
- Tratamento de erros
- Cache de requisições

Componentes React​

/generate react
Criar um componente de navegação responsivo com:
- Menu mobile
- Suporte para modo escuro
- Recursos de acessibilidade

Melhores Práticas​

1. Estruture Seus Prompts​

/generate
Propósito: Criar middleware de autenticação
Requisitos:
- Validação JWT
- Acesso baseado em função
- Tratamento de erros
- Logging
Tecnologias:
- Express.js
- Biblioteca jsonwebtoken

2. Use Templates​

Crie templates de prompts reutilizáveis:

# Salvar template
/template save auth-component
Criar um componente de autenticação com:
- Formulários de login/registro
- Validação
- Integração com API
- Tratamento de erros

# Usar template
/template use auth-component

3. Inclua Exemplos​

/generate
Criar uma função similar a:
```javascript
function example(data) {
  return data.filter(item => item.active);
}

mas com verificação de tipo adicional e tratamento de erros


## Padrões de Prompts

### 1. Revisão de Código

```bash
/review
Verificar este código para:
- Problemas de desempenho
- Vulnerabilidades de segurança
- Melhores práticas
- Segurança de tipos

2. Documentação​

/doc
Gerar documentação para:
- Parâmetros de função
- Valores de retorno
- Exemplos
- Casos de borda

3. Testes​

/test
Criar testes unitários cobrindo:
- Caminho feliz
- Casos de borda
- Cenários de erro
- Comportamento assíncrono

Técnicas Avançadas​

1. Encadear Prompts​

/chain
1. Gerar serviço de API
2. Adicionar tratamento de erros
3. Criar testes
4. Adicionar documentação

2. Consciência de Contexto​

/context
Considerar:
- Importações do arquivo atual
- Estrutura do projeto
- Dependências
- Padrões de codificação

3. Refinamento Iterativo​

/refine
Melhorar o código gerado:
1. Adicionando segurança de tipos
2. Otimizando desempenho
3. Melhorando legibilidade
4. Adicionando comentários

Solução de Problemas​

Problemas Comuns​

  1. Resultados Pouco Claros

    /clarify
    A geração anterior não tratou:
    - Casos de borda
    - Cenários de erro

  2. Contexto Ausente

    /context add
    Projeto usa:
    - React 18
    - TypeScript 4.8
    - Material UI

  3. Geração Incompleta

    /continue
    Por favor, complete a implementação com:
    - Tratamento de erros
    - Definições de tipo

Dicas de Integração​

1. Controle de Versão​

/generate
Criar uma mensagem de commit seguindo:
- Commits convencionais
- Referência de issue
- Mudanças quebradoras

2. Configuração de Projeto​

/setup
Inicializar projeto com:
- Configuração TypeScript
- Regras ESLint
- Configurações Prettier
- Hooks Git

3. Documentação​

/doc
Gerar documentação do projeto:
- README.md
- Documentação de API
- Instruções de configuração
- Diretrizes de contribuição

Dicas para Sucesso​

  1. Seja Claro e Específico

    • Declare seus requisitos
    • Forneça exemplos
    • Especifique restrições

  2. Itere e Refine

    • Comece com prompts básicos
    • Adicione detalhes gradualmente
    • Refine com base nos resultados

  3. Aprenda com as Respostas

    • Analise sugestões da IA
    • Melhore padrões de prompts
    • Salve prompts eficazes
dica

Use o comando /help para descobrir mais recursos e opções de prompts!

Recursos Relacionados​