品質スコア 88Apuckeditor.com#coding#data#design#no-code

Puck - Create your own AI page builder:機能、用途、情報源

Let your users generate, review, and refine production-ready interfaces inside your application with Puck.

公式サイト

このツールについて

Let your users generate, review, and refine production-ready interfaces inside your application with Puck. 主な機能:" } } } } Further reading Model configuration Headless generation ai、} Customizing design behavior You can configure design behavior using ai、// { root: { props: { title: "Cats: Man's Best Friend" } }, content: [] } Generate with design mode Set mode to "design" to let the agent create new component types, as described in design mode、、01Build Build on-brand experiences with a WYSIWYG editor for React、1 Further reading puckHandler API reference generate API reference chat API reference Previous Headless Generation Next Composition、13 introduces some of our most powerful APIs yet, enabling completely custom interfaces, adding support for object fields and mechanisms to restrict DropZones、14 introduces the long awaited viewport switching feature, with drag-and-drop-friendly iframe rendering for full CSS media query support。

利用シーン
  • " } } } } Further reading Model configuration Headless generation ai
  • } Customizing design behavior You can configure design behavior using ai
  • // { root: { props: { title: "Cats: Man's Best Friend" } }, content: [] } Generate with design mode Set mode to "design" to let the agent create new component types, as described in design mode
  • <Puck plugins={[aiPlugin]} config={dynamicConfig} data={data} />
  • 01Build Build on-brand experiences with a WYSIWYG editor for React
  • 1 Further reading puckHandler API reference generate API reference chat API reference Previous Headless Generation Next Composition
  • 13 introduces some of our most powerful APIs yet, enabling completely custom interfaces, adding support for object fields and mechanisms to restrict DropZones
  • 14 introduces the long awaited viewport switching feature, with drag-and-drop-friendly iframe rendering for full CSS media query support

機能と用途

" } } } } Further reading Model configuration Headless generation ai} Customizing design behavior You can configure design behavior using ai// { root: { props: { title: "Cats: Man's Best Friend" } }, content: [] } Generate with design mode Set mode to "design" to let the agent create new component types, as described in design mode<Puck plugins={[aiPlugin]} config={dynamicConfig} data={data} />01Build Build on-brand experiences with a WYSIWYG editor for React1 Further reading puckHandler API reference generate API reference chat API reference Previous Headless Generation Next Composition13 introduces some of our most powerful APIs yet, enabling completely custom interfaces, adding support for object fields and mechanisms to restrict DropZones14 introduces the long awaited viewport switching feature, with drag-and-drop-friendly iframe rendering for full CSS media query support

使用分析

収益化
  • サブスクリプション
成熟度シグナル
  • オープンソース
  • 公開API
  • モデルファミリー
習熟難度
  • 中

料金

料金

有料

〜

〜 $199

価格確認 2026年10月17日公式料金ページ

情報源

各資料に情報源と最終確認日を記録しています。

類似ツール

Manufact
manufact.com
92

Manufactは、AIエンジニアや開発者がMCPサーバーとアプリを構築、デプロイ、監視するためのプラットフォームです。分析、マネージドOAuth、自動トラフィックキャプチャを提供し、チームがMCP統合を迅速に実現できるよう支援します。

フリーミアム · $2+/月

詳細を見る
Docs by LangChain
docs.langchain.com
90

Deploy and manage agents with durable execution, real-time streaming, and horizontal scaling.

フリーミアム · $1+/月

詳細を見る
Pydantic AI
pydantic.dev
90

Pydantic AI は Pydantic のエンドツーエンド AI エンジニアリングスタックにおけるエージェント構築コンポーネントで、型安全な AI エージェントの構築を支援します。

フリーミアム · $2+/月

詳細を見る
Cursor
cursor.com
90

Cursorは、自律型エージェントを使用してソフトウェアを構築する開発者を支援するAI駆動のコーディングプラットフォームです。デスクトップ、ウェブ、モバイルで動作し、ターミナル、Slack、GitHubで実行されます。

有料 · $8+/月

詳細を見る