Claude에서 연결하기
claude.ai, 데스크톱 앱, 모바일 앱 어디서나 같습니다. 사용자 지정 커넥터는 Claude 요금제에 따라 쓸 수 있는 범위가 다를 수 있습니다.
알베르티 열기
웹이나 Mac 앱에서 로그인해 둡니다. 디자인이 없어도 AI가 새로 만들 수 있습니다.
커넥터 추가
Claude 설정 → 커넥터 → 사용자 지정 커넥터 추가. 이름은 Alberti, 주소는 위의 MCP 서버 주소입니다.
로그인하고 허용
연결을 누르면 알베르티 로그인 창이 열립니다. 알베르티와 같은 구글 계정으로 로그인하고 허용을 누릅니다.
대화로 요청하기
대화에서 Alberti 커넥터를 켜고 만들고 싶은 화면을 말합니다. 작업은 알베르티 창에서 바로 보입니다.
ChatGPT에서 연결하기
웹의 ChatGPT에서 개발자 모드로 연결합니다. 개발자 모드는 Plus, Pro, Business, Enterprise, Edu 요금제에서 쓸 수 있습니다.
개발자 모드 켜기
ChatGPT 설정 → 앱 → 고급 설정에서 개발자 모드를 켭니다.
앱 만들기
앱 만들기를 누르고 이름은 Alberti, MCP 서버 주소는 위의 주소, 인증은 OAuth로 둡니다.
로그인하고 허용
알베르티 로그인 창이 열리면 알베르티와 같은 구글 계정으로 로그인하고 허용을 누릅니다.
대화에서 고르기
새 대화에서 Alberti 앱을 고르고 요청합니다. ChatGPT는 디자인을 고치는 작업마다 실행 전에 확인을 묻습니다.
Gemini에서 연결하기
Gemini 앱의 사용자 지정 앱(Custom apps)으로 연결합니다. Google이 지금은 미국에 있는 만 18세 이상 개인 계정, 영어 설정에만 열어 두어 한국에서는 아직 이 메뉴가 보이지 않을 수 있습니다.
연결된 앱 열기
컴퓨터의 gemini.google.com에서 설정 → 연결된 앱(Connected Apps) → 사용자 지정 앱으로 들어갑니다.
주소 넣기
사용자 지정 앱 추가를 누르고 위의 MCP 서버 주소를 그대로 넣습니다. 끝에 빗금(/)을 붙이지 않습니다.
로그인하고 허용
알베르티 로그인 창에서 허용하면 됩니다. 대화에서 @Alberti로 불러 씁니다.
개발 도구에서 연결하기
Claude Code, Codex, Gemini CLI처럼 원격 MCP 서버를 지원하는 도구는 같은 주소를 등록합니다. 처음 쓸 때 알베르티 로그인 창이 열립니다.
Claude Code 플러그인 (권장)
/plugin marketplace add superherounite/alberti-claude /plugin install alberti@alberti
플러그인은 알베르티 작업 방식(의도부터, 프로토타입, 엔진 내보내기)까지 함께 알려 줍니다. 설치한 뒤 /mcp에서 로그인합니다.
Claude Code 서버만 추가
claude mcp add --scope user --transport http alberti https://alberti.design/mcp
Codex
codex mcp add alberti --url https://alberti.design/mcp codex mcp login alberti
Gemini CLI
gemini mcp add --transport http alberti https://alberti.design/mcp
Cursor, VS Code 같은 다른 도구도 같은 주소를 쓰면 됩니다. 플러그인과 도구 목록은 github.com/superherounite/alberti-claude에 공개되어 있습니다.
AI가 할 수 있는 일
편집기의 도구 130여 개를 Claude와 ChatGPT가 그대로 씁니다.
새 디자인과 화면 만들기
새 디자인을 열고, 차량 HMI·XR·웹·모바일 크기의 화면을 레이아웃과 이름까지 갖춰 그립니다.
의도부터 디자인
브리프를 읽고 그에 맞춰 그립니다. 대안을 펼치고, 채택한 안과 이유를 파일에 남깁니다.
사진, 아이콘, 3D
사진과 아이콘을 찾아 넣고, GLB·FBX 모델을 3D 레이어로 넣습니다.
프로토타입과 모션
화면을 연결해 클릭 프로토타입을 만들고, 레이어에 등장 모션을 줍니다.
점검과 정리
누름 영역, 글자 크기, 대비, 막다른 화면을 점검하고 레이어 이름을 정리합니다.
엔진으로 내보내기
Unity(UI Toolkit, uGUI), Unreal, Omniverse로 내보내고 충실도 리포트를 요약합니다.
이렇게 말해 보세요
"새 디자인을 열고 1920×720 차량 HMI 홈 화면을 만들어 줘."
"이 화면의 브리프를 읽고 다른 방향 세 가지를 나란히 그려 줘."
"로그인 화면과 홈을 연결하고 스마트 애니메이트로 넘어가게 해 줘."
"점검을 돌리고 누름 영역이 작은 버튼을 고쳐 줘."
"선택한 화면을 Unity uGUI로 내보내고 리포트를 요약해 줘."
"인스타그램용 1080×1350 소개 이미지 8장을 만들어 줘."
내 디자인은 내가 정합니다
내 계정, 허용한 앱만
AI는 로그인하고 허용한 계정의 디자인에만 닿습니다. 비밀번호는 AI에 건네지 않습니다.
언제든 끄고 끊기
알베르티 설정 → Server & team → Claude에서 연결된 앱(ChatGPT 포함)을 보고 끊거나, AI 작업을 끌 수 있습니다.
보이는 곳에서, 되돌릴 수 있게
AI는 열어 둔 알베르티 창에서 작업합니다. 고친 내용은 캔버스에 보이고 실행 취소할 수 있습니다.
알베르티를 먼저 열어 두세요
AI는 로그인한 알베르티 창으로 작업을 보냅니다. 창이 여러 개면 마지막으로 쓴 창이 받습니다.