• 案件・求人一覧
  • お役立ちコンテンツ
  • 単価診断
  • ログイン
  • 会員登録
メニューを開く

Clineとは|OSSのAIコーディングエージェントの使い方・料金・違い

スキル

最終更新日:2026/08/06

Clineとは|OSSのAIコーディングエージェントの使い方・料金・違い

Clineとは、VS CodeやJetBrainsに組み込んで使うオープンソース(Apache 2.0)のAIコーディングエージェントで、Claude・GPT・Geminiなどのモデルを自分で選び、ファイル編集・ターミナル実行・タスク分解まで一貫して任せられるツールです。「Cursorとどう違うのか」「料金はいくらかかるのか」「客先案件で使って大丈夫か」といった疑問を、実務で判断できるレベルまで整理して解説します。開発現場で導入を検討するエンジニアと、フリーランスとして日々の生産性を上げたい方に向けた記事です。

先に結論

  • ClineはVS Code/JetBrains拡張として動くOSSのAIコーディングエージェント(Apache 2.0)で、拡張自体は無料、実費はAPIキーの従量課金だけ

  • 特徴はモデルを自分で差し替えられる自由度と、Plan/Actモードによる作業手順の可視化。Claude・GPT・Gemini・OpenRouter・ローカルLLMなど幅広く対応

  • Cursor(有料SaaS型で編集体験の完成度が高い)/Claude Code(Anthropic純正・ターミナル起点)と比べ、Clineは課金を自分で握りたい/モデルを選びたい/OSSで内部を把握したい用途に合う

  • 客先案件で使うときは、NDA・情報持ち出しの可否・APIキー管理の責任範囲を必ず契約段階で確認する

  • 料金は「軽い使い方で月10〜30ドル前後、日常的にエージェント任せにすると月50〜150ドル前後」がClaude Sonnetを主モデルとした場合の概算目安。前提となる利用量・モデル単価・再試行回数で大きく変動するため、実額は各社の公式料金表と自分の使い方で必ず試算し直してください

この記事でわかること

  • ClineというOSS AIコーディングエージェントの機能と、公式サポートされている動作環境

  • 対応モデルの一覧と、API従量課金の料金試算(軽・中・重の3パターン)

  • インストールから初回タスク実行までの手順

  • Cursor・Claude Code・GitHub Copilotとの違いと、用途別の使い分け判断軸

  • フリーランス案件で導入するときに詰まりやすい機密性・コスト・レビュー体制の論点

目次

  • Clineとは?基本情報と成り立ち

  • Clineの主な機能

  • 料金体系|API従量課金の実費

  • Clineの使い方(インストール〜初回タスクまで)

  • CursorやClaude Codeとの違い

  • 実務での活用パターン

  • 導入時の注意点

  • よくある失敗と対策

  • フリーランス案件でのCline活用

  • Cline活用チェックリスト

  • まとめ

  • よくある質問

Clineとは?基本情報と成り立ち

Clineは、VS CodeやJetBrains製IDEに組み込んで使うオープンソースのAIコーディングエージェントです。単なる補完ツールではなく、タスクを分解し、ファイルを編集し、必要ならターミナルコマンドまで実行するエージェント型として設計されています。

もともとはClaudeを軸にした「Claude Dev」という名前で公開され、その後Clineにリブランディングされました。エンジンとして特定モデルに縛られない構造に進化し、現在は複数プロバイダーのAPIを差し替えて使えます。中核モデルとして採用されることが多いClaude自体の特徴は、既存のClaude AIとは?Anthropic製生成AIの特徴・GPT/Geminiとの違いでも整理しています。

開発元・ライセンス

OSSかつApache 2.0で提供されるため、社内フォークや業務利用のハードルは低めです。ただしClineの利用そのものと、Cline経由で呼び出す商用モデル(Claude・GPT等)の利用規約は別管理である点は誤解されがちです。

対応環境(VS Code拡張が中心)

Clineは複数の環境から使えます。中心はVS Code拡張ですが、それ以外にも公式に案内されている入口があります。

環境

位置づけ

VS Code拡張

メインの利用形態。Marketplaceからインストールできる

JetBrainsプラグイン

IntelliJ IDEA・PyCharm等でも利用可能

CLI

ターミナルからの起動やCI/CD組み込みの入口として案内あり

Kanbanボード

複数エージェントのタスク管理向けの入口として案内あり

SDK(Node.js)

独自ツールへの組み込み用途で案内あり

日常利用の中心はVS Code拡張で、CLI・Kanban・SDK等の周辺入口は提供状況が更新されているため、最新の提供範囲はCline公式リポジトリ公式ドキュメントで確認してください。この記事では、多くのユーザーの入口になるVS Code拡張を軸に説明します。

フリーランスエンジニアの皆様

今の年収、今の働き方に満足してますか?

あなたの理想の案件を
専属コンシェルジュが実現

フリコンに無料会員登録して案件の相談をする

Clineの主な機能

Clineが「エージェント」と呼ばれる理由は、単発の補完ではなくタスクを受け取って自律的に手順を進める動きにあります。主要な機能を整理します。

Plan/Actモードで手順を先に見せる

ClineにはPlanモードActモードがあります。Planモードでは、依頼したタスクをどう分解してどんな手順で進めるかを先に日本語で提示し、Actモードで実行に移ります。

  • Plan: 変更対象ファイルの一覧、想定される差分の方針、実行するコマンドの見取り図を出す

  • Act: 承認された手順に沿って、ファイル編集とコマンド実行を進める

「AIが勝手にコードを書き換える」ことへの抵抗感が強い現場では、Planモードで手順を確認してからActに切り替える運用がしやすくなります。

ファイル編集・複数ファイル横断の変更

複数ファイルにまたがるリファクタリングも1タスクとして受け取れます。差分はVS Codeのdiffビューで確認し、承認して初めてワークスペースに反映される流れです。

  • 変更前後の差分を1件ずつ確認できる

  • 拒否・修正指示を出して再生成もできる

  • 上書き前にレビューを挟む運用が前提(無条件で反映されるわけではない)

ターミナルコマンドの実行

ビルド・テスト・依存インストール・Git操作など、必要に応じてターミナルコマンドを実行します。実行前に「このコマンドを走らせて良いか」を確認するプロセスが挟まる設定にできるため、破壊的コマンドを黙って実行されるリスクは抑えやすくなっています。

ただし、後述するように設定次第で自動承認の範囲が広がるため、業務用途では慎重に絞るのが安全です。

MCP(Model Context Protocol)対応

ClineはMCP(Model Context Protocol)サーバーに対応しています。MCPは外部ツール・データベース・APIをAIエージェントから統一的に呼び出すためのオープン仕様で、対応MCPサーバーを追加するとClineから直接ChromeやSlack、社内DB等を操作できるようになります。

  • 対応MCPサーバーはコミュニティで公開されているものを追加できる

  • 独自MCPサーバーを実装して社内ツールに接続することも可能

  • 詳細はModel Context Protocol公式仕様を参照

MCPを使えば、Cline単体では届かない社内システム連携も1つのエージェントで完結させやすくなります。エージェント型AIの基本設計や活用事例は、既存のAIエージェントとは?仕組み・種類・活用事例をわかりやすく解説で先に押さえておくと理解が早くなります。

対応モデル

Clineの最大の特徴は対応モデルの広さです。以下のプロバイダーを設定画面から切り替えて使えます。

  • Anthropic Claude(Opus/Sonnet/Haiku)

  • OpenAI(GPTシリーズ)

  • Google Gemini

  • OpenRouter経由の200以上のモデル

  • AWS Bedrock、Google Vertex AI

  • Ollama・LM Studioなどのローカルモデル

「タスクの重さで料金と品質を切り替える」使い方ができるのは、モデル固定型のツールにはない強みです。

ミニFAQ:機能編

Q. Copilotのように補完だけ使うことはできる?

A. Clineは基本的にエージェント型で、単純な補完だけを使うツールではありません。補完中心の使い方をしたいなら、GitHub CopilotやCursorの補完機能と併用するのが実務的です。

Q. Plan/Actは常に必須?

A. 短い変更ならActモードだけで進めても構いません。破壊的変更・広範囲の修正をお願いするときにPlanモードを挟むと事故を減らせます。

料金体系|API従量課金の実費

Clineは拡張本体が無料で、実費は選んだモデルのAPI料金が中心です。Cline独自の定額サブスクリプションが基本形ではなく、一部の契約形態ではClaude系の既存契約を活用できる案内もありますが、適用条件は変更されうるため、最新はCline公式ドキュメントで確認してください。

料金の基本構造

  • Cline拡張本体:無料(Apache 2.0)

  • Anthropic API:Claudeモデルの入力・出力トークンごとの従量課金

  • OpenAI・Gemini・OpenRouter:各社の料金表に準ずる

  • ローカルLLM(Ollama等):APIコスト0だが自前のマシンスペックが必要

正確な料金は変動するため、必ずAnthropic料金表OpenAI API Pricingなどの公式ページで最新値を確認してください。

月額利用のイメージ試算

以下はAnthropic Claude Sonnetを主モデルとして使うことを前提にした試算例で、記事執筆時点のAnthropic公式料金表と、公開されている利用報告を参考にした概算です。前提として、平日20日前後・1日あたり数回〜十数回のタスク実行を想定しています。入力/出力トークン量、コンテキスト長、再試行回数、選ぶモデルグレードで実額は大きく変わるため、あくまで判断の入り口としてお使いください。

使い方

想定用途

目安の月額

軽(週数回・軽微な修正中心)

部分リファクタ、単発のバグ調査

10〜30ドル前後

中(毎日1〜2時間、複数ファイル変更)

新機能実装のたたき台、テストコード生成

30〜80ドル前後

重(日中ずっとエージェント任せ)

大規模リファクタ、複数タスク並走

80〜150ドル前後

コストを抑える打ち手として、以下の設計が有効です。

  • 単純な処理はGeminiやGPT-4o miniのような相対的に安いモデルに切り替える

  • 精度が要る箇所だけClaude Opus/Sonnetを呼ぶ

  • コード検索・要約はOpenRouterの安価なモデルを使う

  • 定型作業はローカルLLM(Ollama)で完結させる

ミニFAQ:料金編

Q. 月額を予測しづらい。上限は設定できる?

A. プロバイダーによっては、管理画面で利用上限や通知しきい値を設定できます。最新の可否は各社ダッシュボード(Anthropic・OpenAI等)で確認してください。Cline側でも直近タスクのトークン消費が表示されるため、ワークスペースごとの体感コストは追跡しやすい設計です。

Q. Claude Codeのサブスクを持っていれば流用できる?

A. 公式ドキュメントで一部のClaudeサブスクリプションプランをCline経由で使う案内があります。契約状況によって条件が変わるため、最新はCline公式ドキュメントで確認してください。

フリーランスエンジニアの皆様

今の年収、今の働き方に満足してますか?

あなたの理想の案件を
専属コンシェルジュが実現

フリコンに無料会員登録して案件の相談をする

Clineの使い方(インストール〜初回タスクまで)

初回セットアップは10分程度で完了します。

前提条件・必要なもの

  • VS Code(Visual Studio Code)1.84以降を推奨

  • Node.js(多くのプロジェクトで前提になるが、Cline自体の要件ではなくタスクによる)

  • APIキー:Anthropic・OpenAI・Gemini等、使いたいプロバイダーのAPIキーを1つ以上

APIキーは各社のダッシュボードから発行します。使う分だけしか課金されないため、まずは1つだけ準備して試すのが実務的です。

インストール手順

  1. VS Codeを開き、拡張機能ビューを開く

  2. 「Cline」で検索する

  3. 「Cline」拡張(作者:Cline)を選び、インストール

  4. サイドバーにClineアイコンが追加される

JetBrainsを使っている場合は、Marketplaceで「Cline」を検索して同様にインストールできます。

APIキーの設定

  1. Clineパネルを開き、右上の設定アイコン(歯車)をクリック

  2. 使いたいプロバイダーを選ぶ(例:Anthropic)

  3. 発行済みのAPIキーを貼り付けて保存

  4. 使用モデル(Claude Sonnet等)を選択

APIキーはローカルに保存され、基本的には設定したプロバイダーへ直接送信する構成です。ただし保存方法や周辺ログの扱いは利用環境や拡張設定、Cline公式仕様の更新で変わる可能性があるため、業務利用ではCline公式ドキュメントと各プロバイダーのポリシーを合わせて確認してください。キーの取り扱い自体は各社のセキュリティガイドに沿って管理します。

最初のタスクを実行する

  1. VS Codeでプロジェクトフォルダを開く

  2. Clineパネルにタスクを日本語または英語で入力(例:「READMEに新機能セクションを追加してほしい」)

  3. Planモードで進めるかActモードで進めるかを選ぶ

  4. 出てきた差分・コマンドを承認・修正しながら進める

いきなり大規模な変更ではなく、READMEの更新やコメント追記など影響範囲の狭いタスクから試すのが安全です。

ミニFAQ:使い方編

Q. 日本語で指示しても大丈夫?

A. 対応モデルによりますが、Claude・GPT-4o・Geminiは日本語のタスク指示に対応しています。差分の説明も日本語で返せます。

CursorやClaude Codeとの違い

Cline・Cursor・Claude Code・GitHub Copilotの4ツールを比較します。同じ「AI開発支援」でも、課金モデルと操作の起点が異なります。

比較一覧表(4ツール横断)

項目

Cline

Cursor

Claude Code

GitHub Copilot

形態

VS Code/JetBrains拡張・OSS

独自のAIコードエディタ(VS Codeフォーク)

ターミナル起点のAnthropic純正エージェント

VS Code等の拡張

ライセンス

Apache 2.0

プロプライエタリ

プロプライエタリ

プロプライエタリ

課金

拡張は無料、APIは従量課金

月額サブスク+一部従量

Claudeサブスクに含まれる形が中心

月額サブスク

対応モデル

Claude/GPT/Gemini/OpenRouter/ローカル等

内蔵モデル+Claude・GPT

Claude系のみ

GPT系+一部Claude

主な強み

モデル自由度・OSS・コスト最適化

補完・チャットのUX完成度

ターミナル/CI親和性・純正

補完の使いやすさ

より詳細な選定基準は、既存のAIコーディングエージェント比較|Cursor・Claude Code・Clineの選び方Cursorとは?AIコードエディタの特徴・使い方で整理しています。本記事はClineに特化した詳解として補完してください。

使い分けの判断軸

Clineが合うケース

  • OSSで内部の挙動を追いたい/社内フォーク前提の運用

  • モデルをタスクに応じて切り替えたい

  • サブスク固定ではなく従量でコストを握りたい

  • MCP経由で社内システム連携までやりたい

Cursorが合うケース

  • 補完・チャット・エディタ体験の一体感を優先

  • 従量ではなく月額固定で見通しを立てたい

  • チームで同じUXを揃えたい

Claude Codeが合うケース

  • ターミナル・CI/CDに組み込みやすいエージェントが必要

  • Claudeサブスクをすでに契約している

  • Anthropic純正の挙動で運用したい

Copilotが合うケース

  • 補完中心で使いたい(エージェントは不要)

  • GitHub/Azureエコシステムと合わせて導入したい

フリーランスエンジニアの皆様

今の年収、今の働き方に満足してますか?

あなたの理想の案件を
専属コンシェルジュが実現

フリコンに無料会員登録して案件の相談をする

実務での活用パターン

Clineが得意なタスクを整理します。

リファクタリング・技術負債の解消

複数ファイルにまたがる変数名変更、非推奨APIの置き換え、テスト追加といった「時間はかかるが判断は決まっている作業」に向きます。Planモードで手順を提示させ、Actモードで差分を1つずつ承認する運用がやりやすい領域です。

バグ調査・修正

エラーメッセージやスタックトレースを貼って「原因の当たりをつけ、修正案を出して」と依頼する使い方です。原因特定と修正案の提示までClineに任せ、最終判断はエンジニアが行う切り分けが実務的です。

新機能実装のたたき台

「〇〇の画面を追加してほしい」といった依頼で、ファイル構成・雛形コード・ルーティングまでを一括で出させます。そのまま使うのではなく叩き台にする運用が前提で、出力コードは人間がレビューしてから採用します。AIとの協働で開発フローがどう変わるかは、既存のvibe codingとは|AI協働コーディングの実態とエンジニアの業務変化でも整理しています。

テスト・ドキュメント生成

既存関数からテストコードを生成する、READMEの英日切り替えを作る、変更履歴を要約する、といった付帯作業と相性が良い領域です。実装本体より、こうした周辺作業から導入すると効果を実感しやすくなります。

導入時の注意点

Clineは強力なぶん、業務利用では気をつけたい論点があります。

機密情報・NDAへの配慮

Clineは選んだプロバイダーのAPIにコードや会話履歴を送信します。客先常駐案件やNDAつきの案件では、AI利用の可否・データ送信先・学習利用の有無が争点になります。

  • 契約段階で「生成AIツール利用の可否」を確認する

  • 学習利用の扱いを制御しやすい法人向け/ビジネス向け契約を優先し、最新のデータ利用ポリシーを各社公式で確認する

  • ソースコード送信そのものが禁止の案件では、Ollama等のローカルLLM構成に切り替える

最終的な利用可否の判断は、発注元のセキュリティポリシー・契約条件・必要に応じた法務確認に従ってください。 この記事の記述は判断の入り口を整理したものであり、個別案件の可否判定を保証するものではありません。客先案件での生成AI利用の契約論点は業務委託で生成AIを使うときの契約・機密情報の注意点で整理しています。

APIコスト管理

従量課金は自由度が高い反面、タスクの粒度が大きいほどコストが跳ねやすいという性質があります。

  • プロバイダー側で月額上限を設定する

  • モデルを軽いものから試す(Claude HaikuやGemini Flash等)

  • 大規模タスクは一括で投げず、フェーズを切って進める

  • 使い終わったAPIキーは早めに失効させる

生成コードのレビュー体制

「AIが生成したコードで発生した不具合の責任範囲」は、フリーランス案件では特に整理が必要です。

  • 生成コードもレビュー対象として扱う運用ルールを決める

  • 責任分界の記述を契約書に含めるか、事前に発注元と合意する

  • テスト・CIを通してから本番投入する原則を崩さない

フリーランスエンジニアの皆様

今の年収、今の働き方に満足してますか?

あなたの理想の案件を
専属コンシェルジュが実現

フリコンに無料会員登録して案件の相談をする

よくある失敗と対策

Cline導入初期にありがちな失敗を整理します。

API課金が想定より膨らむ

Planモードを飛ばしてActモードで大きなタスクを一気に投げると、内部で何度もモデルを呼び出しコストが膨らむケースがあります。大きなタスクはPlanモードで工程を確認し、フェーズごとに区切って実行するのが安全です。

プロンプトが曖昧で手戻り

「良い感じに書いて」だけの指示だと、望まないファイル構成や命名で生成されがちです。以下の情報を最初に渡すと出力が安定します。

  • 変更対象ファイルの範囲

  • 命名規約・スタイルガイド

  • 既存コードの参考ファイル

  • 期待するアウトプット形式

破壊的コマンドの誤実行

ファイル削除やDBを触るコマンドを含むタスクを自動承認モードで走らせると、意図しない削除が起きるおそれがあります。自動承認範囲は狭く設定し、影響範囲の広いコマンドは都度承認にしておくのが実務的です。

フリーランス案件でのCline活用

フリーランスとして案件で使う場合、Clineは「単価に直結する話」というより「稼働時間を圧縮する話」に近いツールです。とはいえ、生産性の変化は案件の受け方や継続性に影響します。

生産性の変化と単価の考え方

同じ工数見積もりの中でこなせる作業量が増えると、以下の余白が生まれます。

  • タスクを詰めて短稼働で終える

  • 空いた時間を副案件やスキルアップに回す

  • 品質向上(テスト・ドキュメント)に時間を使う

生成AI活用を前提にしたロールや期待値が見られる案件も増えつつあり、Clineのようなエージェント型ツールを扱えることは提案時の材料になり得ます。単価を体系的に上げる考え方はフリーランスエンジニアの単価相場と単価の上げ方で整理しています。自分がどの単価レンジを狙えるかが気になる方は、無料のフリーランスエンジニア単価診断で市場単価の目安を確認できます。

客先環境での利用可否をどう確認するか

  • 契約前:発注元にAI利用可否と条件を書面で確認する

  • 案件面談:客先PCへの拡張インストール可否を確認する

  • 稼働中:新規のMCPサーバー・APIキー追加が発生したら都度共有する

案件によっては、Cline経由での外部API呼び出しが社内プロキシで遮断されているケースもあります。試用は環境の下見が済んでから行うのが安全です。

フリーランスエンジニアの皆様

今の年収、今の働き方に満足してますか?

あなたの理想の案件を
専属コンシェルジュが実現

フリコンに無料会員登録して案件の相談をする

Cline活用チェックリスト

導入前に以下を通しで確認しておくと、稼働直後の事故を減らせます。

  • Cline拡張を業務用マシンにインストールしてよい契約か

  • APIキーは業務用アカウントで発行しているか

  • APIプロバイダーの学習利用オプトアウトを有効にしたか

  • 月額上限・通知しきい値を設定したか

  • Plan/Actモードの運用方針をチームで合意したか

  • 破壊的コマンドの自動承認範囲は狭く設定したか

  • レビュー・テストプロセスに生成コードを乗せる合意があるか

  • MCPサーバー追加時の申請フローが決まっているか

まとめ

  • ClineはOSS(Apache 2.0)のAIコーディングエージェントで、VS Code・JetBrains・CLIから使え、モデルを自分で選べる自由度が中心の特徴

  • 拡張本体は無料、実費は各APIプロバイダーの従量課金が中心。個人利用の目安は月10〜150ドル前後だが、モデル単価・トークン量・再試行回数で大きく変動する

  • Plan/Actモード・MCP対応・複数ファイル横断編集で、単なる補完ツールとは別のポジション

  • Cursor・Claude Code・Copilotとは競合するが排他的ではなく、併用と使い分けが実務解

  • 客先案件で使うときは、契約・APIキー管理・生成コードのレビュー体制を最初に整え、最終的な利用可否は発注元のポリシーと必要に応じた法務確認で判断する

次のステップとして、まずはインストール→READMEの更新のような影響範囲の狭いタスクから試し、Anthropic側で月額上限を設定してから徐々に守備範囲を広げるのがおすすめです。AI関連の案件を探したい方は、AIエージェント開発案件の単価相場エンジニアの生成AI活用術も参考にしてください。

参照元・一次情報

よくある質問

AnswerMark

目安:モデル差し替えとOSSを重視するならCline、エディタ体験の統合感を重視するならCursor、ターミナル起点でAnthropic純正が要件ならClaude Codeが向きます。すべて併用も可能で、実務ではタスクによって使い分けるケースも見られます。

AnswerMark

Copilotは補完中心で、Clineはエージェント中心という設計思想の違いがあります。1行1行の補完はCopilot、複数ファイルにまたがるタスクをまとめて任せたいときはCline、と役割を分けて使うと両者の良さを活かせます。

AnswerMark

Cline本体はApache 2.0で商用利用可能です。ただしCline経由で呼び出すモデル側の利用規約(Anthropic・OpenAI等)は別で確認が必要で、案件によっては学習利用オプトアウトが必須になることがあります。

AnswerMark

タスク指示は日本語で送れます。UI表示は英語中心の箇所が残る場合もありますが、生成される差分の説明やコメントを日本語で受け取ることは可能です。

AnswerMark

処理の主要部分は選択したプロバイダーへの送信が前提で、学習利用の可否は各プロバイダーの契約・設定に依存します。保存やログの扱いはCline公式ドキュメントと各プロバイダーのポリシーで確認するのが安全です。業務利用では、学習利用オプトアウトを制御しやすい法人向けプランの選定を含めて情シスと合意しておきましょう。

AnswerMark

クラウドAPIを使う限り、ローカルにGPUは不要です。ただしOllamaなどでローカルLLMを走らせる場合は、モデルサイズに応じたVRAMや推論用の環境が必要になります。

AnswerMark

クラウドAPIを使う構成では常時オンライン接続が必要です。オフライン運用が要件なら、Ollama等のローカルLLMを主モデルにする構成にすると成立させやすくなります。

AnswerMark
  • ソースコードの外部送信自体が禁止されている案件

  • 生成AIツール利用可否が契約で未確認の案件

  • APIキーの取り扱い・監査ログ要件が厳しい案件

こうした案件ではローカルLLM構成に切り替えるか、そもそも導入を見送る判断も現実的です。

AnswerMark

「乗り換え」より「併用」が現実的です。エディタ体験と補完はCursor、エージェント任せの大きな作業はCline、と役割を分けている実務者が多く見られます。両方の月額を回収できる稼働があるかで判断すると良いでしょう。

AnswerMark

React・Next.js・Vueなど主要フレームワークのファイル編集・テスト生成はClineで無理なく回せます。ホットリロードやプレビューはVS Code側のライブサーバー拡張と組み合わせる形になり、Cline単体でUIプレビューが完結するわけではありません。

タグからお役立ちコンテンツを探す