AI Coding Platforms

Explore different AI coding assistants, their unique traits, and how to optimize prompts specifically for each platform.

Lovable.dev

Lovable is an AI-powered editor that enables you to build web applications through natural language instructions.

Platform Tips:

  • Be specific about UI components and styling
  • Break down complex features into smaller steps
  • Use clear, concise language for best results

Sample Prompt:

Create a simple todo app with an input field to add tasks, a list to display them, and the ability to mark tasks as completed or delete them. Style it with a clean, modern look using Tailwind CSS.

GitHub Copilot

GitHub Copilot is an AI pair programmer that offers autocomplete-style suggestions as you code.

Platform Tips:

  • Add detailed comments before you want suggestions
  • Explicitly define function signatures and types
  • Leave empty function bodies for Copilot to fill

Sample Prompt:

/** * A simple function to fetch weather data from an API * @param {string} city - The city to get weather for * @returns {Promise} Promise that resolves to the weather data */ function getWeatherData(city) { // Implementation here }

Cursor

Cursor is a code editor with native AI capabilities for generating code, refactoring, and debugging.

Platform Tips:

  • Use /edit commands to modify existing code
  • Try /chat to ask questions about your codebase
  • Use /generate to create new components or functions

Sample Prompt:

/generate Create a simple React component for a signup form with email, password, and confirm password fields. Include basic validation and a submit button.

Anthropic Claude

Anthropic Claude is an AI assistant that excels at complex reasoning and generating high-quality code across multiple programming languages.

Platform Tips:

  • Provide detailed context and specifications
  • Ask for explanations along with the code
  • Use XML tags to structure your prompts

Sample Prompt:

<task> Help me create a basic HTML/CSS webpage for my portfolio. I need: - A header with my name - A section about me - A section to showcase 3 projects - A simple contact form - A footer with social media links Please explain the code as you write it. </task>

Add Custom Platform

Create a custom profile for other AI coding assistants you use.

Upgrade to Basic or Pro

Add custom platforms with our premium plans