
優れた複数ファイルのコード生成を提供する専属のAIネイティブコードエディタですが、ターミナルネイティブの軽快さはありません。
優れた複数ファイルのコード生成を提供する専属のAIネイティブコードエディタですが、ターミナルネイティブの軽快さはありません。
CSSPicker は月間 19,800 訪問、前月比成長率 -46.6%、料金体系フリーミアムを記録しています。Pi コーディングエージェントは月間 1,929,244 訪問、成長率 +4%、料金体系無料を記録しています。
CSSPicker is a browser-extension plus web-app toolkit that lets developers extract the HTML and CSS of any element on a live site, convert screenshots or UI mockups into React, HTML, or Tailwind code, and iterate on that code with an AI chat assistant.
| 項目 / 指標 | ||
|---|---|---|
| 公式ドメイン | csspicker.dev | pi.dev |
| 料金モデル | フリーミアム | 無料 |
| 月間訪問数 | 1.98万 (19,800) | 192.92万 (1,929,244) |
| 前月比トラフィック増減 | -1.73万 (-46.6%) | +7.49万 (+4%) |
| 主要市場とシェア | 🇮🇳 インド (13.3%) | 🇨🇳 中国 (33.4%) |
| 月間ダイレクト訪問数 | 7966 | 90.22万 |
| ユーザー評価 | 4.1 | 4.6 |
| 対応プラットフォーム | ウェブサイト | ウェブサイト |
CSSPicker is a browser-extension plus web-app toolkit that lets developers extract the HTML and CSS of any element on a live site, convert screenshots or UI mockups into React, HTML, or Tailwind code, and iterate on that code with an AI chat assistant.
A browser extension extracts clean HTML and CSS from any element on a live page and converts it into Tailwind, React, or your chosen framework.
Upload a UI design or screenshot and get responsive, structured front-end code back in seconds.
Generate production-ready React components or complete HTML pages and email templates from text prompts, with Tailwind, Bootstrap, or vanilla CSS support.
Refine generated components conversationally and preview edits in real time inside an interactive code editor.
ターミナルで自在に作り変えられるミニマルなコーディングエージェント
コマンド、ツール、キーボードショートカット、オーバーレイ、サブエージェント、権限ゲートをTypeScript拡張で構築し、npmやgitからパッケージとして導入できます。
AGENTS.md、プロジェクト別SYSTEM.md、オンデマンドスキル、プロンプトテンプレート、カスタマイズ可能な圧縮でコンテキストを制御できます。
AnthropicやOpenAIからBedrock、Groq、OpenRouter、ローカルOllamaまで15以上に対応し、セッション中のモデル切り替えも可能です。
対話型TUI、スクリプト向けprint/JSON、非Nodeホスト向けRPC、アプリ組み込み用SDKを用意。

優れた複数ファイルのコード生成を提供する専属のAIネイティブコードエディタですが、ターミナルネイティブの軽快さはありません。
優れた複数ファイルのコード生成を提供する専属のAIネイティブコードエディタですが、ターミナルネイティブの軽快さはありません。

無料・オープンソースThe industry-standard source code editor with flexible plugin support, requiring extensions for advanced agentic coding.
無料・オープンソースThe industry-standard source code editor with flexible plugin support, requiring extensions for advanced agentic coding.
複数ファイルのタスクのためにコードベース全体を読み込むIDEプラグインで、ターミナルのミニマリズムと引き換えに統合UIを提供します。
特化型An autonomous software engineer that handles end-to-end repository tasks, but operates as a cloud service rather than locally.
特化型An autonomous software engineer that handles end-to-end repository tasks, but operates as a cloud service rather than locally.

オープンウェイトモデルに最適化されたターミナルファーストのAIコーディングエージェントで、同様のコマンドライン開発者体験を提供します。
オープンウェイトモデルに最適化されたターミナルファーストのAIコーディングエージェントで、同様のコマンドライン開発者体験を提供します。

チームとAIエージェントで、ブランドに沿ったプロダクト体験を届ける
チームとAIエージェントで、ブランドに沿ったプロダクト体験を届ける

Readdy is an AI website builder that generates complete, production-ready websites from plain-language prompts, uploaded screenshots, Figma frames, or a reference URL. It adds hosting, a built-in backend, forms, SEO tools, and code export so one platform can build and run the whole site.
Readdy is an AI website builder that generates complete, production-ready websites from plain-language prompts, uploaded screenshots, Figma frames, or a reference URL. It adds hosting, a built-in backend, forms, SEO tools, and code export so one platform can build and run the whole site.

無料・オープンソースローカルのgitリポジトリ内のファイルを直接編集するコマンドラインAIペアプログラマで、ターミナルワークフローに似ています。