최종 수정일: 2026년 10월 16일
nnuer 커넥터
nnuer 커넥터를 연결하면 Claude 같은 AI 도구와 함께 만든 UI를 히어로, 가격표, 푸터처럼 블록 단위로 nnuer에 보낼 수 있습니다. 블록마다 그대로 다시 만들 수 있는 제작 프롬프트가 붙습니다. nnuer의 블록을 찾아 와서 페이지를 만들 때 다시 쓸 수도 있습니다.
필요한 것
- nnuer 계정(Google 로그인 또는 운영자가 발급한 아이디).
- OAuth 로그인으로 원격 MCP 서버를 연결할 수 있는 AI 도구: Claude(웹, 데스크톱, 모바일), ChatGPT, Le Chat, Claude Code, Cursor, VS Code, Codex, Gemini CLI, Windsurf, Zed, Junie, Kiro, Goose, Warp, Raycast 등.
연결하기
서버 주소: https://nnuer.site/mcp
Claude
- Claude 커넥터 디렉터리의 nnuer를 열거나, 설정 > 커넥터에서 nnuer를 검색합니다.
- 연결을 누르고, 열리는 창에서 nnuer에 로그인한 뒤 허용을 누릅니다.
- 목록에 보이지 않으면(팀 플랜 등) 커스텀 커넥터 추가로 위 서버 주소를 넣습니다.
Claude Code
claude mcp add --transport http nnuer https://nnuer.site/mcp를 실행한 뒤 Claude Code에서 /mcp를 열어 nnuer에 로그인합니다. 블록 올리기와 찾아 쓰기 스킬까지 쓰려면 대신 플러그인으로 설치하세요: claude plugin marketplace add kanghuitae/nnuer && claude plugin install nnuer@nnuer.
ChatGPT
chatgpt.com/plugins에서 + > Add custom MCP server를 고르고, 위 서버 주소를 OAuth로 추가한 뒤 nnuer에 로그인합니다.
다른 도구
서버 주소를 원격(Streamable HTTP) MCP 서버로 추가합니다. 로그인은 OAuth로 진행되어 API 키가 필요 없습니다. 도구별 정확한 설정과 Cursor, VS Code, Kiro, Goose 바로 설치 버튼은 설정 > AI 도구 연결에 있습니다.
권한
blocks:read: 공개 블록과 내 블록 읽기.blocks:submit: 내 검토 대기함으로 블록 보내기. nnuer에서 저장해야만 저장됩니다.
도구
| 도구 | 종류 | 하는 일 |
|---|---|---|
get_block_guidelines | 읽기 | UI 블록, 인터랙션, 그래픽의 분류와 결과물 규격, 제작 프롬프트 작성법을 알려 줍니다. 보내기 전에 AI가 먼저 읽습니다. |
submit_blocks | 쓰기 (지우지 않음) | 만든 UI 블록, 인터랙션, 그래픽을 내 검토 대기함에 보냅니다. 코드는 미리 검사하고, 이미지는 함께 올립니다. 공개되지 않으며 검토 링크를 돌려줍니다. |
search_blocks | 읽기 | 공개 결과물이나 내 결과물(비공개 포함)을 검색어, 종류(UI 블록, 인터랙션, 그래픽), 분류로 찾습니다. |
get_block | 읽기 | 하나의 제작 프롬프트와 최신 결과(코드 또는 이미지 주소)를 가져옵니다. |
이렇게 말해 보세요
- "방금 만든 랜딩 페이지를 블록으로 나눠서 nnuer에 올려줘."
- "nnuer에서 어두운 가격표 블록 찾아서 제작 프롬프트 보여줘."
- "nnuer에 올린 내 히어로랑 푸터 블록으로 소개 페이지 만들어줘."
보내는 과정
- AI가 블록 규칙을 읽고, 섹션마다 제작 프롬프트와 코드를 붙여 블록으로 보냅니다.
- nnuer가 코드를 검사합니다. 문제가 있으면 AI에게 오류를 돌려줘서 고쳐 다시 보내게 합니다.
- 검토 링크가 오고, 열려 있는 nnuer 창에도 알림 카드가 뜹니다. 미리 보고 남길 블록을 골라 저장하세요. 검토를 마치면 저장하지 않은 블록은 지워집니다.
한도
- 한 번에 블록 30개, 한 시간에 30번까지 보낼 수 있습니다.
- 코드: 블록마다 React 컴포넌트 한 파일 또는 HTML 한 파일.
- 이미지: PNG, JPG, WEBP, GIF, SVG, 장당 10MB 이하. 한 번에 보내는 양은 모두 합쳐 약 4MB 이하여야 해서, 큰 이미지는 나눠 보내세요.
연결 끊기
설정 > AI 도구 연결 > 연결 끊기. 이미 받은 토큰까지 포함해 그 도구는 바로 nnuer를 쓸 수 없게 됩니다.
문제 해결
- 로그인 창이 계속 다시 뜹니다: nnuer.site의 쿠키를 허용하고 다시 로그인하세요.
- "connection was revoked": 설정에서 연결을 끊은 도구입니다. 다시 연결하세요.
- 코드 오류로 보내지 못했습니다: 메시지에 블록과 줄 번호가 나옵니다. AI에게 고쳐서 다시 보내 달라고 하세요.
- "한 시간에 30번": 잠시 뒤 다시 보내세요.
데이터와 문의
커넥터는 AI가 이 도구들로 보내는 내용만 받으며 대화 내용은 읽지 않습니다. 개인정보처리방침과 이용약관을 확인해 주세요. 문의: nnuer.site@gmail.com.