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