templatehouse

MCP

templatehouse

New 템하를 AI 에디터 안으로

대화하듯 만드는
템하 MCP

커서·클로드·ChatGPT에 템하 MCP를 연결하면, 프로젝트·페이지·블록을 말로 요청해 바로 만들고 고칠 수 있습니다. 설치 없이 서버 주소 하나면 끝.

연결 시작하기
Cursor Cursor Claude Claude ChatGPT ChatGPT
TemHa-MCP
MCP Server Connected
https://mcp.temha.io/mcp
15
사용 가능한 도구
3
지원 AI 클라이언트
HTTP
Streamable 전송
01 — Connect

연결은 두세 단계면 끝

쓰는 도구를 고르세요. 최신 연결 방식 그대로, 서버 주소만 넣으면 됩니다.

  1. 1
    원클릭으로 추가
    오른쪽 Add to Cursor 버튼을 누르면 설치 창이 열립니다. Install만 누르면 끝.
  2. 2
    직접 추가도 가능
    설정 → Tools & MCP → New MCP Server로 mcp.json을 열어 아래 설정을 붙여넣습니다.
  3. 3
    연결 확인
    목록에 TemHa-MCP가 초록불로 켜지면 완료입니다.
Add to Cursor
또는 직접 입력
~/.cursor/mcp.json
{
  "mcpServers": {
    "TemHa-MCP": {
      "url": "https://mcp.temha.io/mcp"
    }
  }
}
  1. 1
    커넥터 설정 열기
    Claude → 설정 → 커넥터(Connectors)
  2. 2
    커스텀 커넥터 추가
    커스텀 커넥터 추가를 누르고 이름과 서버 URL을 입력합니다.
  3. 3
    주소 입력 후 연결
    URL에 서버 주소를 넣고, 최초 1회 권한을 허용하면 도구가 켜집니다.
MCP Server URL
https://mcp.temha.io/mcp
Claude Code (CLI)
terminal
claude mcp add --transport http TemHa-MCP \
  https://mcp.temha.io/mcp

커넥터 메뉴는 데스크톱·웹 모두 동일합니다. 팀 워크스페이스는 관리자 승인이 필요할 수 있어요.

  1. 1
    개발자 모드 켜기
    설정 → 앱 & 커넥터 → 고급 설정에서 개발자 모드를 켭니다.
  2. 2
    새 커넥터 만들기
    커넥터 추가 · Create에서 이름·설명과 MCP 서버 URL을 입력합니다.
  3. 3
    연결 후 사용
    생성하면 대화창 개발자 모드 도구에서 바로 호출됩니다.
MCP Server URL
https://mcp.temha.io/mcp

플랜 안내 — 개발자 모드(커스텀 MCP 커넥터)는 ChatGPT Plus · Pro · Business · Enterprise 웹에서 사용할 수 있습니다. 쓰기 작업은 실행 전 확인 창이 떠요.

i

연결하면 “메인 슬라이드 3장 만들어줘”처럼 평소 말투로 요청하면 됩니다. 색·게시판·슬라이드 등 템하 규약은 AI가 알아서 읽고 적용합니다.

02 — What it does

이렇게 말하면, 이런 걸 만들어요

전문 용어 없이 평소 말투로 요청하세요. AI가 알맞은 도구를 골라 템하 규약대로 처리합니다.

기본 규약 읽기

블록을 만들기 전, 템하의 디자인·구조 규칙을 먼저 읽고 시작합니다.

read_temha_rules
이렇게 말해보세요
  • 템하에서 블록 만드는 규칙 먼저 확인해줘
  • 새 섹션 만들기 전에 규약 읽고 시작해줘

프로젝트·페이지 관리

새 사이트와 페이지를 만들고, 목록 조회·삭제·복구까지 처리합니다.

create_projectcreate_pagelist_projects
이렇게 말해보세요
  • ‘펫샵 랜딩’ 이름으로 새 사이트 만들어줘
  • 이 프로젝트 페이지 목록 보여줘

브랜드 컬러·디자인

메인 색·글자 크기·버튼 모양을 템하 디자인 가이드에 맞게 정리합니다.

read_temha_rulesupdate_block
이렇게 말해보세요
  • 메인 버튼 색을 우리 브랜드 빨간색으로 맞춰줘
  • 제목은 크게, 본문은 읽기 편한 크기로 정리해줘

헤더·푸터·메뉴

상단 로고·메뉴, 모바일 햄버거, 하단 회사 정보를 구성합니다.

create_blockupdate_block
이렇게 말해보세요
  • 스크롤해도 따라오는 헤더 만들어줘
  • 모바일에선 햄버거 메뉴 되게 해줘

메인 슬라이드·배너

첫 화면 롤링 배너, 이미지·짧은 영상 슬라이드를 만듭니다.

create_blockget_images
이렇게 말해보세요
  • 메인 첫 화면을 슬라이드 3장으로 만들어줘
  • 배너 문구를 ‘2025 신제품 오픈’으로 바꿔줘

그누보드·게시판

공지·문의 게시판, 로그인 화면 등 그누보드 연동 블록을 만듭니다.

create_block
이렇게 말해보세요
  • 공지사항 게시판 목록 블록 만들어줘
  • 로그인 화면 블록 추가해줘

문의 폼

이름·연락처·문의내용, 개인정보 동의까지 입력 폼을 구성합니다.

create_block
이렇게 말해보세요
  • 이름·연락처·문의내용 받는 폼 만들어줘
  • 개인정보 동의 체크 항목도 넣어줘

배경·오버레이

섹션 배경 사진과, 글이 잘 보이게 하는 어두운 오버레이를 넣습니다.

get_imagesupdate_block
이렇게 말해보세요
  • 히어로 영역에 배경 사진 넣어줘
  • 배경 위 글 잘 보이게 살짝 어둡게 해줘

이미지·비디오 검색

키워드로 무료 이미지·영상을 찾아 블록에 바로 활용합니다.

get_imagesget_videos
이렇게 말해보세요
  • ‘반려동물’ 이미지 찾아서 넣어줘
  • 짧은 소개 영상 찾아서 배너에 넣어줘
03 — Tools

제공 도구 한눈에

읽기 전용 7개 · 쓰기/삭제 8개. 어떤 도구를 쓸지는 AI가 자동으로 고릅니다.

읽기 읽기 전용 7

read_temha_rules list_projects list_pages list_blocks get_block get_images get_videos

쓰기 쓰기 · 삭제 8

create_project delete_project restore_project create_page delete_page create_block update_block delete_block
AI Clients

어떤 AI에서든 템하 MCP

쓰는 도구에 맞는 가이드를 확인하고 바로 연결하세요.

Cursor

Cursor

코드 편집 환경에서 프롬프트 한 줄로 템하 프로젝트를 만들고 제어하는 개발자 중심의 코드 편집용 MCP

Cursor로 시작하기 이용 가이드
Claude

Claude

프롬프트로 템하의 프로젝트 구조를 설계하고, 콘텐츠를 구성할 수 있는 MCP

이용 가이드
ChatGPT

ChatGPT

대화형 프롬프트로 템하의 프로젝트를 생성하고, 페이지와 블록을 제어할 수 있는 MCP

이용 가이드