stitch 안티그래비티 연결 - (1) : 스킬 설치 시행착오

< 소개 >

저는 20기 안드로이드 앱 스터디에 들어가있어요.

안티그래비티로 식물요정 앱을 만들고 있습니다.

stitch가 화제여서, 와 이거로 ui 개선해야겠다~ 하고

안티그래비티에 연결 시도했습니다.

그런데... 안되네요?!

이번 글에서는 스킬 설치 시행착오만을 다룹니다.

결론만 보면 됩니다 ㅋㅋ

https://www.gpters.org/dev/post/stitch-antigeuraebiti-yeongyeol---2-jeogyong-teseuteu-jagseong-jung-DTQqSApV0hCIUBN

< 진행 방법 >

어떻게든 안티그래비티에서 스티치를 쓰고 싶었습니다.

  1. stitch mcp를 설치하려고 하다

이거는 저번주에도 끙끙거리던 건데

유저 토큰을 넣어야 하는데 그 방법을 모르겠더라구요.

공식문서를 봐도 정보가 부족하고...

https://cloud.google.com/free?authuser=1&hl=ko

에서 뭘 해야 한다는 건 눈치챘지만 복잡하고,.. 굳이 싶고...

이게 저번주까지의 진도입니다.

  1. 안티도 스킬 쓸 수 있으니까 스킬로 우회하자!

    -> 스티치 스킬 검색하였습니다.

여기서부턴 오늘의 진도입니다.

https://github.com/google-labs-code/stitch-skills

검색해서 나온 링크 들어가서 설치를 해봤는데...

텍스트가 표시된 컴퓨터 화면의 스크린샷

....? 이름이 틀렸대요.

여러 단어가 포함된 웹페이지의 스크린샷

터미널 다른 프로필 틀어서 해봐도 틀렸다고 합니다.

  1. add-skill cli를 깔아야 하나?

설치 및 검색 페이지의 스크린샷

구글 공식 스티치 스킬 레포지토리에 using the add-skill CLI 라고 쓰여있었습니다.

add-skill CLI 란 대체 무엇이란 말인가...

adcl 한국어 스크린샷

검색해봤더니, 버셀에서 만든 slill 레포지토리라고 합니다.

skills 레포지토리랑 add-skills랑 이름이 다른데 뭐지?_? 어리둥절... 했어요

  1. add-skill CLI란 버셀에서 만든 스킬 통합 관리 도구였다.

검색창으로 찾은 링크 들어가서 readme를 읽어보니까

https://github.com/vercel-labs/skills

개방형 에이전트 스킬 생태계를 위한 CLI입니다.

OpenCode , Claude Code , Codex , Cursor 및 29개의 다른 라이브러리를 지원합니다 .

라고 하네요....

와! 퍽 유용하다! 나에게 딱~ 필요한 거였잖아?

저번주 토요일 모각에서 스킬 쓰는 법 배웠는데 각 폴더에 복사하고 관리하는 게 조금 번거롭더라구요.

  1. 암튼 여기서 설치하라는대로 설치하면 되겠지? 했는데...

'skills'라는 단어가 포함된 웹페이지의 스크린샷

저는 cli가 따로 깔릴줄 알았는데 갑자기 스킬 중에서 고르라고 하네요... 😬

  • 알고 보니 버셀 레포지토리 중에 에이전트 스킬이라고 모아둔 게 있는데 그거 설치링크 명령어였습니다. 그게 예시로 적혀있던 거고

  • 게다가 알고 보니 이 cli는 따로 안깔아도 되고 그냥 저 명령어 자체가 cli더라고요? 😓

  1. 버셀 공식에 적힌대로 문법 수정했더니 설치가 됨

'skills'라는 단어가 표시된 컴퓨터 화면의 스크린샷

야호 드디어 스티치 스킬 설치되었다!

근데 스킬 3개 중 하나만 설치해버렷어요. 전역으로 다시 설치!

완료!

  1. 나는 왜 헷갈렸는가

스티치 에이전트 스킬 페이지 스크린샷

그렇다면 스티치 스킬 레포지토리엔 왜 틀린 문법이 적혀있었을까요?

그건 바로..

스티치 공식은 5일 전에 최신 업데이트 되었는데

저 스킬이 기반으로 하는

소셜 미디어 계정 설정을 보여주는 페이지 스크린샷

버셀 스킬 cli는 11시간 전에 업데이트 되었기 때문입니다!

커밋 내역이 워낙 많아서 찾을 순 없지만 그 사이에 문법이 바뀌었다는 걸 추측할 수 있습니다.

  1. 여담

한 무리의 사람들을 보여주는 웹페이지의 스크린샷

버셀이 만든 스킬에서 파인드 스킬 유용합니다.

적절한 스킬을 외부에서 검색하는 거 같아요.

  1. 설치했는데 되려나 두근두근

안티로 돌아와서 되나 해봤는데

이거 뜨는 거 보면 mcp 설정을 지워야 할 거 같아서 싹 지웠습니다...

그랬는데도 계속 구글 권한을 찾네요.........?

하 ㅠㅠ

< 요약 >

  1. 스티치 mcp를 안티에 깔았는데 인증권한이 필요해서 스킬로 우회.

  2. 스티치 스킬을 깔려니까 버셀 스킬이 필요했음.

  3. 둘의 시간차 커밋으로 인해 문법 오류 발생해서 어리둥절하며 헤맸음. 결국 해결.
    -> 스티치 레포지토리가 아니라 버셀 레포지토리 문법 보고 설치해야 했음.

  4. 설치하고 적용하려는데 잘 안됨.

  1. 사용한 링크들:

https://github.com/google-labs-code/stitch-skills

https://github.com/vercel-labs/skills

< 더 알아볼 점 >

  1. skills cli 이 가능한 이유에서 npx가 뭐길래... npx(Node Package eXecute)는 Node.js 패키지를 설치하지 않고 즉시 실행할 수 있게 해주는 도구라던데...

  2. 스킬 잘 부르려면 어떻게 해야 하나

  3. 제미니 cli에 스티치 mcp 깔아뒀는데 제미니도 스티치 스킬 쓸 수 있게 되었어요 이 아이러니를 어떻게 해야 하나?

한국어 파일 브라우저의 스크린샷
1

👉 이 게시글도 읽어보세요