All Systems Operational
Powered By
profound-logo
profound-logoProfound CMS
⌘K
Admin

JSON과 Claude 코드

Claude 코드와 JSON 빌더로 스키마 구축

Claude Code 워크플로

먼저 MCP 서버에 연결하세요

claude mcp add --transport http Profound http://107.21.107.99:8081/mcp

도구와 컴포넌트를 사용해 문서/블록/컴포넌트를 대량으로 생성하고 빠르게 웹사이트를 게시할 수 있습니다.

다음은 수동 프로세스입니다

zod JSON 스키마 편집기를 실행하려면.

  • CMS 관리자 패널로 이동합니다
    • Create schema를 클릭합니다
  • 스키마에 대한 적절한 검증된 JSON 설명을 입력합니다
  • 변경 사항을 적용합니다

추가 변경 사항을 적용하려면 스키마를 삭제한 뒤 다시 추가해야 합니다.

JSON 워크플로를 위한 Claude 프롬프트

시각적인 TailwindCSS/CSS/React 변경에 Claude Code를 사용한다면, MCP 서버를 통해서나 코드 편집기에 붙여넣을 JSON을 직접 제공하여 JSON도 올바르게 업데이트해 달라고 요청할 수 있습니다.

하이브리드든 순수 헤드리스 CMS이든, 스키마를 만들고 싶은 컴포넌트에 맞는 JSON을 Claude에게 요청하세요.

예시

새로운 MCP 서버 기능을 추가하고 이를 보여주기 위해 새로운 히어로 블록을 추가하려고 합니다.

먼저 레지스트리를 변경해 새 블록을 사용하도록 합니다

const registry = {
  "navbar": NavbarBlock,
  ...
  // 새 블록 추가
  "McpFeatureBlock": McpFeatureDisplayBlock,
  ...
  "footer": FooterBlock,
Continue Reading
Previous‹빠른 시작NextComponent Zod Pull›

하이브리드

렌더러 프로젝트매개변수 라우팅컴포넌트 유형Sse관리자 패널 프록시 설정편집 모드 지원이 있는 정적 렌더링템플릿 빌더에서 스크립팅Create Profound Next

헤드리스

빠른 시작JSON과 Claude 코드Component Zod Pull

Mcp

Mcp

CMS 기능

기능 문서 템플릿템플릿 빌더 기능기능 번역기기능 조직

동기부여

우리의 접근법

용어

하이브리드 대 헤드리스
};

Claude에게 블록의 React/CSS를 구현하고 스키마 정의에 필요한 JSON을 제공해 달라고 요청하세요. 그러면 아래와 비슷한 형태가 됩니다.

"McpFeatureBlock": {
  "label": "MCP 서버",
  "title": "AI 에이전트가 CMS를 직접 작업하도록 하세요",
  "description": "Profound CMS는 기본 MCP 서버를 제공합니다. Claude, Cursor 또는 MCP 호환 에이전트를 연결하면 페이지를 읽고 블록을 업데이트하며 콘텐츠를 게시할 수 있습니다—별도의 커스텀 연동 코드가 필요하지 않습니다.",
  "features": ["McpFeatureItem"],
  "cta_label": "MCP 문서 읽기",
  "cta_href": "/docs/mcp"
}

이 JSON을 스키마 편집기의 "Import Code" 탭에 붙여넣습니다. 아래와 같은 모습이 되어야 합니다.

그다음 mcp_feature_block 스키마를 사용하는 블록을 생성하고 페이지의 템플릿 빌더에서 해당 블록을 참조하세요.

요약

이는 맞춤형 Claude + Profound CMS 워크플로입니다.