overview.mdx 5.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147
  1. ---
  2. title: "Overview"
  3. description: "An introduction to Cline, your AI-powered coding agent for modern development."
  4. ---
  5. ## Open Source AI Coding, Uncompromised
  6. Cline gives you direct, transparent access to frontier AI with no limits, no surprises, and no model ecosystem lock-in. See every decision. Choose any model. Control your costs.
  7. <CardGroup cols={1}>
  8. <Card title="Complete Transparency" icon="eye">
  9. Watch in real-time as Cline reads files, considers approaches, and proposes changes. Every decision is visible, every edit reviewable before it's made.
  10. </Card>
  11. <Card title="Choose Your Inference" icon="sliders">
  12. Use Claude for complex reasoning, Gemini for massive contexts, or Qwen3 Coder for efficiency. Switch instantly as new models launch. Bring your API keys, your choice.
  13. </Card>
  14. <Card title="Zero Trust by Design" icon="lock">
  15. Your code never touches our servers. Cline runs entirely client-side with your API keys. Open source means your security team can review every line.
  16. </Card>
  17. </CardGroup>
  18. ## Built for Real Engineering
  19. <CardGroup cols={3}>
  20. <Card title="Read & Write Files" icon="file-code">
  21. Work across your entire codebase with intelligent file operations
  22. </Card>
  23. <Card title="Execute Commands" icon="terminal">
  24. Run terminal commands and debug errors in real-time
  25. </Card>
  26. <Card title="Plan Complex Features" icon="brain">
  27. Explore and plan before writing a single line of code
  28. </Card>
  29. <Card title="Connect External Systems" icon="plug">
  30. Integrate with databases, APIs, and documentation through MCP servers
  31. </Card>
  32. <Card title="Understand Large Codebases" icon="magnifying-glass">
  33. Intelligent context management for massive projects
  34. </Card>
  35. <Card title="Multi-Step Tasks" icon="list-check">
  36. Execute complex workflows from start to finish
  37. </Card>
  38. </CardGroup>
  39. ## Plan & Act Mode
  40. Cline explores your codebase and works with you to create comprehensive plans before writing code, ensuring it understands the full context of your project.
  41. <Tabs>
  42. <Tab title="Plan Mode" icon="lightbulb">
  43. For complex tasks, Cline explores your codebase, asks clarifying questions, and creates detailed implementation plans before making changes.
  44. - Information gathering and context building
  45. - Asking clarifying questions
  46. - Creating detailed execution plans
  47. - Discussing approaches with you
  48. </Tab>
  49. <Tab title="Act Mode" icon="play">
  50. Once you approve the plan, Cline implements the solution with full transparency and control.
  51. - Executing planned actions
  52. - Using tools to modify files and run commands
  53. - Implementing the solution
  54. - Providing results and completion feedback
  55. </Tab>
  56. </Tabs>
  57. ## Key Features
  58. <AccordionGroup>
  59. <Accordion title="Intelligent Planning & Execution" icon="brain">
  60. <div style={{ display: 'grid', gap: '1rem', marginTop: '0.5rem' }}>
  61. <div>
  62. <strong><a href="/features/plan-and-act">Plan & Act Mode</a></strong> • Plan complex features before writing code, then execute with full transparency
  63. </div>
  64. <div>
  65. <strong><a href="/features/focus-chain">Focus Chain</a></strong> • Automatic todo list management with real-time progress tracking
  66. </div>
  67. </div>
  68. </Accordion>
  69. <Accordion title="Workflow Optimization" icon="bolt">
  70. <div style={{ display: 'grid', gap: '1rem', marginTop: '0.5rem' }}>
  71. <div>
  72. <strong><a href="/features/auto-approve">Auto Approve</a></strong> • Streamline your workflow by automatically approving trusted operations
  73. </div>
  74. <div>
  75. <strong><a href="/features/auto-compact">Auto Compact</a></strong> • Automatic conversation summarization to preserve context while freeing space
  76. </div>
  77. <div>
  78. <strong><a href="/features/dictation">Dictation</a></strong> • Speak naturally to Cline for rapid planning and complex requirements
  79. </div>
  80. </div>
  81. </Accordion>
  82. <Accordion title="Extensions & Integrations" icon="plug">
  83. <div style={{ display: 'grid', gap: '1rem', marginTop: '0.5rem' }}>
  84. <div>
  85. <strong><a href="/mcp/mcp-overview">MCP Integration</a></strong> • Connect to databases, APIs, and documentation through the Model Context Protocol
  86. </div>
  87. <div>
  88. <strong><a href="/exploring-clines-tools/remote-browser-support">Remote Browser</a></strong> • Test and interact with web applications through browser automation
  89. </div>
  90. </div>
  91. </Accordion>
  92. <Accordion title="Customization & Control" icon="gear">
  93. <div style={{ display: 'grid', gap: '1rem', marginTop: '0.5rem' }}>
  94. <div>
  95. <strong><a href="/features/cline-rules">.clinerules</a></strong> • Define project-specific instructions including coding standards and patterns
  96. </div>
  97. <div>
  98. <strong><a href="/features/checkpoints">Checkpoints</a></strong> • Save and restore project states with Git-based checkpoints
  99. </div>
  100. </div>
  101. </Accordion>
  102. </AccordionGroup>
  103. ## Why Developers Choose Cline
  104. <CardGroup cols={2}>
  105. <Card title="100% Open Source" icon="github">
  106. Every line of code on GitHub. **50k+ stars** from developers who've used it, improved it, and trust it with their work.
  107. </Card>
  108. <Card title="No Inference Games" icon="ban">
  109. We don't profit from AI usage. While others limit context or route to cheaper models, we give you unrestricted access to any model's full capabilities.
  110. </Card>
  111. <Card title="Future-Proof by Design" icon="rocket">
  112. New model released? Use it immediately. Cline works with multiple AI providers.
  113. </Card>
  114. <Card title="True Visibility" icon="eye">
  115. See every file read, every decision considered, every token used. No black box, no surprises.
  116. </Card>
  117. </CardGroup>