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
-
Start a Task
- Type your request in the chat
- Example: "Create a new React component called Header"
-
Provide Context
- Use @ mentions to add files, folders, or URLs
- Example: "@file:src/components/App.tsx"
-
Review Changes
- Cline will show diffs before making changes
- You can edit or reject changes
-
File Editing
- Create new files
- Modify existing code
- Search and replace across files
-
Terminal Commands
- Run npm commands
- Start development servers
- Install dependencies
-
Code Analysis
- Find and fix errors
- Refactor code
- Add documentation
-
Browser Integration
- Test web pages
- Capture screenshots
- Inspect console logs
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:
-
File Operations
write_to_file
: Create or overwrite filesread_file
: Read file contentsreplace_in_file
: Make targeted edits to filessearch_files
: Search files using regexlist_files
: List directory contents
-
Terminal Operations
execute_command
: Run CLI commandslist_code_definition_names
: List code definitions
-
MCP Tools
use_mcp_tool
: Use tools from MCP serversaccess_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
-
Interaction Tools
ask_followup_question
: Ask user for clarificationattempt_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>
-
Create a New Component
- "Create a new React component called Footer"
-
Fix a Bug
- "Fix the error in src/utils/format.ts"
-
Refactor Code
- "Refactor the Button component to use TypeScript"
-
Run Commands
- "Run npm install to add axios"
- Join the Discord community
- Check the documentation
- Provide feedback to improve Cline