Cline をご紹介します。あなたの CLI と Editor を使うことができる AI アシスタントです。

Claude Sonnet のエージェント型コーディング機能のおかげで、Cline は複雑なソフトウェア開発タスクをステップバイステップで処理できます。ファイルの作成と編集、大規模プロジェクトの探索、ブラウザの使用、ターミナル コマンドの実行（許可後）を実現するツールにより、彼はコード補完やテック サポートを超えた形で支援できます。Cline は Model Context Protocol (MCP) を使用して新しいツールを作成し、独自の機能を拡張することもできます。従来、自律型 AI スクリプトはサンドボックス環境で実行されていましたが、このエクステンションは、すべてのファイル変更とターミナル コマンドを承認するための人間ループ GUI を提供し、エージェント型 AI の可能性を安全でアクセス可能な方法で探索できるようにしています。

1. タスクを入力し、モックアップを機能的なアプリに変換するか、スクリーンショットでバグを修正するための画像を追加してください。
2. Cline は、ファイル構造とソースコード AST を分析し、正規表現検索を実行し、既存プロジェクトで速度を上げるために関連ファイルを読むことから始まります。コンテキストに追加される情報を慎重に管理することで、Cline はコンテキスト ウィンドウを圧倒することなく、大規模で複雑なプロジェクトに対しても貴重な支援を提供できます。
3. Cline が必要な情報を取得したら、以下のことができます：
   • ファイルを作成・編集し、リンター/コンパイラ エラーを監視して、不足しているインポートや構文エラーなどの問題を自動的に修正できます。
   • ターミナルでコマンドを直接実行し、その出力を監視しながら作業でき、例えば、ファイルを編集した後に開発サーバーの問題に対応できます。
   • ウェブ開発タスクの場合、Cline はサイトをヘッドレスブラウザーで起動し、クリック、入力、スクロール、スクリーンショット + コンソール ログをキャプチャでき、ランタイム エラーと表示バグを修正できます。
4. タスクが完了したら、Cline は open -a "Google Chrome" index.html のようなターミナル コマンドで結果を提示し、ボタンをクリックして実行できます。

Cline は OpenRouter、Anthropic、OpenAI、Google Gemini、AWS Bedrock、Azure、GCP Vertex、Cerebras、Groq などの API プロバイダーに対応しています。OpenAI 互換 API を設定することや、LM Studio/Ollama 経由でローカルモデルを使用することもできます。OpenRouter を使用している場合、拡張機能は最新のモデルリストを取得し、新しいモデルが利用可能になったらすぐに使用できます。

拡張機能はタスクループ全体と個別リクエストの総トークン数と API 使用コストを追跡し、各ステップで支出情報を提供します。

VSCode v1.93 の新しいシェル統合アップデートのおかげで、Cline はターミナルでコマンドを直接実行し、出力を受け取ることができます。これにより、パッケージのインストール、ビルドスクリプトの実行、アプリケーションのデプロイ、データベース管理、テスト実行など、幅広いタスクを実行でき、開発環境とツールチェーンに適応して適切に仕事を完成させることができます。

開発サーバーのような長時間実行されるプロセスの場合、「Proceed While Running」ボタンを使用して、コマンドがバックグラウンドで実行される間、Cline がタスクを続行できるようにします。Cline が作業する際、新しいターミナル出力が通知され、ファイル編集時のコンパイルエラーなど、発生する可能性のある問題に対応できます。

Cline はエディタ内でファイルを直接作成・編集でき、変更の diff ビューを表示します。diff ビューエディタで Cline の変更を直接編集・取り消すことができます。あるいは、チャットでフィードバックを提供してご満足いただくまで改善することもできます。Cline はまた、リンター/コンパイラのエラー（不足しているインポート、構文エラーなど）を監視し、発生した問題を自動的に修正できます。

Cline が行ったすべての変更はファイルのタイムラインに記録され、必要に応じて変更を追跡・取り消すための簡単な方法が提供されます。

Claude Sonnet の新しい Computer Use 機能により、Cline はブラウザを起動し、要素をクリック、テキストを入力、スクロール操作を行い、各ステップでスクリーンショットとコンソールログをキャプチャできます。これにより、インタラクティブデバッグ、エンドツーエンドテスト、さらには一般的なウェブ使用が可能になります。これにより、視覚的なバグやランタイム問題の修正を自動化でき、ユーザーが手動でエラーログをコピー&ペーストする必要がなくなります。

Cline に「test the app」と指示して、npm run dev のようなコマンドを実行し、ローカルで実行されている dev サーバーをブラウザで起動し、すべてが機能することを確認する一連のテストを実行する様子を観察してください。デモを見る。

Model Context Protocol のおかげで、Cline はカスタムツールを通じて機能を拡張できます。コミュニティで作成されたサーバーを使用することもできますが、Cline は代わりに特定のワークフローに合わせたツールを作成してインストールできます。Cline に「ツールを追加して」と言うだけで、新しい MCP サーバーの作成から拡張機能へのインストールまで、すべてを処理します。これらのカスタムツールはその後 Cline のツールキットの一部となり、将来のタスクで使用できるようになります。

• 「Jira チケットを取得するツールを追加して」: チケットの AC を取得して、Cline に仕事をさせる
• 「AWS EC2 を管理するツールを追加して」: サーバーメトリクスを確認してインスタンスをスケールアップまたはスケールダウン
• 「最新の PagerDuty インシデントを取得するツールを追加して」: 詳細を取得して、Cline にバグ修正を依頼

@url: URL を貼り付けて、拡張機能にマークダウンに変換させます。最新のドキュメントを Cline に提供したい場合に便利です。

@problems: ワークスペースのエラーと警告（「問題」パネル）を追加して、Cline に修正させます。

@file: ファイルの内容を追加します。ファイル読み取り許可を確認する際に API リクエストを無駄にしません（+ ファイルを検索するために入力）。

@folder: フォルダーのファイルをすべて一度に追加して、ワークフローをさらに高速化します。

Meet Cline, an AI assistant that can use your CLI aNd Editor.

Thanks to Claude Sonnet's agentic coding capabilities, Cline can handle complex software development tasks step-by-step. With tools that let him create & edit files, explore large projects, use the browser, and execute terminal commands (after you grant permission), he can assist you in ways that go beyond code completion or tech support. Cline can even use the Model Context Protocol (MCP) to create new tools and extend his own capabilities. While autonomous AI scripts traditionally run in sandboxed environments, this extension provides a human-in-the-loop GUI to approve every file change and terminal command, providing a safe and accessible way to explore the potential of agentic AI.

1. Enter your task and add images to convert mockups into functional apps or fix bugs with screenshots.
2. Cline starts by analyzing your file structure & source code ASTs, running regex searches, and reading relevant files to get up to speed in existing projects. By carefully managing what information is added to context, Cline can provide valuable assistance even for large, complex projects without overwhelming the context window.
3. Once Cline has the information he needs, he can:
   • Create and edit files + monitor linter/compiler errors along the way, letting him proactively fix issues like missing imports and syntax errors on his own.
   • Execute commands directly in your terminal and monitor their output as he works, letting him e.g., react to dev server issues after editing a file.
   • For web development tasks, Cline can launch the site in a headless browser, click, type, scroll, and capture screenshots + console logs, allowing him to fix runtime errors and visual bugs.
4. When a task is completed, Cline will present the result to you with a terminal command like open -a "Google Chrome" index.html, which you run with a click of a button.

Cline supports API providers like OpenRouter, Anthropic, OpenAI, Google Gemini, AWS Bedrock, Azure, GCP Vertex, Cerebras and Groq. You can also configure any OpenAI compatible API, or use a local model through LM Studio/Ollama. If you're using OpenRouter, the extension fetches their latest model list, allowing you to use the newest models as soon as they're available.

The extension also keeps track of total tokens and API usage cost for the entire task loop and individual requests, keeping you informed of spend every step of the way.

Thanks to the new shell integration updates in VSCode v1.93, Cline can execute commands directly in your terminal and receive the output. This allows him to perform a wide range of tasks, from installing packages and running build scripts to deploying applications, managing databases, and executing tests, all while adapting to your dev environment & toolchain to get the job done right.

For long running processes like dev servers, use the "Proceed While Running" button to let Cline continue in the task while the command runs in the background. As Cline works he’ll be notified of any new terminal output along the way, letting him react to issues that may come up, such as compile-time errors when editing files.

Cline can create and edit files directly in your editor, presenting you a diff view of the changes. You can edit or revert Cline's changes directly in the diff view editor, or provide feedback in chat until you're satisfied with the result. Cline also monitors linter/compiler errors (missing imports, syntax errors, etc.) so he can fix issues that come up along the way on his own.

All changes made by Cline are recorded in your file's Timeline, providing an easy way to track and revert modifications if needed.

With Claude Sonnet's new Computer Use capability, Cline can launch a browser, click elements, type text, and scroll, capturing screenshots and console logs at each step. This allows for interactive debugging, end-to-end testing, and even general web use! This gives him autonomy to fixing visual bugs and runtime issues without you needing to handhold and copy-pasting error logs yourself.

Try asking Cline to "test the app", and watch as he runs a command like npm run dev, launches your locally running dev server in a browser, and performs a series of tests to confirm that everything works. See a demo here.

Thanks to the Model Context Protocol, Cline can extend his capabilities through custom tools. While you can use community-made servers, Cline can instead create and install tools tailored to your specific workflow. Just ask Cline to "add a tool" and he will handle everything, from creating a new MCP server to installing it into the extension. These custom tools then become part of Cline's toolkit, ready to use in future tasks.

• "add a tool that fetches Jira tickets": Retrieve ticket ACs and put Cline to work
• "add a tool that manages AWS EC2s": Check server metrics and scale instances up or down
• "add a tool that pulls the latest PagerDuty incidents": Fetch details and ask Cline to fix bugs

@url: Paste in a URL for the extension to fetch and convert to markdown, useful when you want to give Cline the latest docs

@problems: Add workspace errors and warnings ('Problems' panel) for Cline to fix

@file: Adds a file's contents so you don't have to waste API requests approving read file (+ type to search files)

@folder: Adds folder's files all at once to speed up your workflow even more

Checkpoints: Compare and Restore

RELATED

同じカテゴリの他のツール

OpenClaw

★ 369.3k ／ TypeScript

AutoGPT

★ 184k ／ Python

opencode

★ 156.2k ／ TypeScript

Gemini CLI

★ 103.3k ／ TypeScript

OpenHands

★ 72.8k ／ Python

MetaGPT

★ 67.8k ／ Python