Cline Tools Guide

What Can Cline Do?

Cline is your AI assistant that can:

  • Edit and create files in your project

  • Run terminal commands

  • Search and analyze your code

  • Help debug and fix issues

  • Automate repetitive tasks

  • Integrate with external tools

First Steps

  1. Start a Task

    • Type your request in the chat

    • Example: "Create a new React component called Header"

  2. Provide Context

    • Use @ mentions to add files, folders, or URLs

    • Example: "@file:src/components/App.tsx"

  3. Review Changes

    • Cline will show diffs before making changes

    • You can edit or reject changes

Key Features

  1. File Editing

    • Create new files

    • Modify existing code

    • Search and replace across files

  2. Terminal Commands

    • Run npm commands

    • Start development servers

    • Install dependencies

  3. Code Analysis

    • Find and fix errors

    • Refactor code

    • Add documentation

  4. Browser Integration

    • Test web pages

    • Capture screenshots

    • Inspect console logs

Available Tools

For the most up-to-date implementation details, you can view the full source code in the Cline repository.

Cline has access to the following tools for various tasks:

  1. File Operations

    • write_to_file: Create or overwrite files

    • read_file: Read file contents

    • replace_in_file: Make targeted edits to files

    • search_files: Search files using regex

    • list_files: List directory contents

  2. Terminal Operations

    • execute_command: Run CLI commands

    • list_code_definition_names: List code definitions

  3. MCP Tools

    • use_mcp_tool: Use tools from MCP servers

    • access_mcp_resource: Access MCP server resources

    • Users can create custom MCP tools that Cline can then access

    • Example: Create a weather API tool that Cline can use to fetch forecasts

  4. Interaction Tools

    • ask_followup_question: Ask user for clarification

    • attempt_completion: Present final results

Each tool has specific parameters and usage patterns. Here are some examples:

  • Create a new file (write_to_file):

    <write_to_file>
    <path>src/components/Header.tsx</path>
    <content>
    // Header component code
    </content>
    </write_to_file>
  • Search for a pattern (search_files):

    <search_files>
    <path>src</path>
    <regex>function\s+\w+\(</regex>
    <file_pattern>*.ts</file_pattern>
    </search_files>
  • Run a command (execute_command):

    <execute_command>
    <command>npm install axios</command>
    <requires_approval>false</requires_approval>
    </execute_command>

Common Tasks

  1. Create a New Component

    • "Create a new React component called Footer"

  2. Fix a Bug

    • "Fix the error in src/utils/format.ts"

  3. Refactor Code

    • "Refactor the Button component to use TypeScript"

  4. Run Commands

    • "Run npm install to add axios"

Getting Help

Last updated