품질 점수 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
  • 모델 패밀리
학습 난이도
  • 중간

요금

요금

유료

부터

부터 US$199

가격 확인 2026년 10월 17일공식 가격 페이지

정보 출처

모든 프로필에 출처와 최근 검증일을 기록합니다.

유사 도구

Manufact
manufact.com
92

Manufact는 AI 엔지니어와 개발자가 MCP 서버와 앱을 구축, 배포, 모니터링할 수 있는 플랫폼입니다. 분석, 관리형 OAuth, 자동 트래픽 캡처를 제공하여 팀이 MCP 통합을 더 빠르게 구현할 수 있도록 지원합니다.

프리미엄 · US$2+/월

상세 보기
Docs by LangChain
docs.langchain.com
90

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

프리미엄 · US$1+/월

상세 보기
Pydantic AI
pydantic.dev
90

Pydantic AI는 Pydantic의 엔드투엔드 AI 엔지니어링 스택에서 에이전트 구축 구성 요소로, 타입 안전한 AI 에이전트 구축을 지원합니다.

프리미엄 · US$2+/월

상세 보기
Cursor
cursor.com
90

Cursor는 자율 에이전트를 통해 소프트웨어를 구축하는 개발자를 돕는 AI 기반 코딩 플랫폼입니다. 데스크톱, 웹, 모바일에서 작동하며 터미널, Slack, GitHub에서 실행됩니다.

유료 · US$8+/월

상세 보기