← 에디토리얼

깃허브 별 도구 · 2026.11.02 · 2분

앱 화면을 애플 설계 도면처럼

AItoZ 개발팀 · 2026.11.02 발행

앱 화면을 애플 설계 도면처럼 — 깃허브 별 도구

애플이 기기마다 공개하는 치수 도면처럼, 내 앱의 카드 · 대화상자를 여백 · 간격 · 모서리 · 겹 구조가 다 적힌 도면 한 장으로 그려 주는 스킬 dimensional-drawing. 나온 지 열흘 만에 깃허브 별 1,600개를 받았습니다.

내 앱 화면을 애플 설계 도면처럼 그려 주는 AI 스킬이에요. 나온 지 열흘 만에 깃허브 별 천육백 개를 받았어요.

내 앱 화면을 애플 설계 도면처럼 그려 주는 AI 스킬이에요. 나온 지 열흘 만에 깃허브 별 천육백 개를 받았어요.

여백, 간격, 모서리 둥글기, 겹 구조까지. 도면이 스스로 그려지는 영상도 만들어요.

여백, 간격, 모서리 둥글기, 겹 구조까지. 도면이 스스로 그려지는 영상도 만들어요.

완성하면 이런 도면 한 장이 나와요. 이걸 주면 누구든 같은 구조로 다시 만들 수 있죠.

완성하면 이런 도면 한 장이 나와요. 이걸 주면 누구든 같은 구조로 다시 만들 수 있죠.

규칙이 있어요. 회색만 쓰고, 숫자 대신 변수로 적고, 모르는 값은 지어내지 않아요.

규칙이 있어요. 회색만 쓰고, 숫자 대신 변수로 적고, 모르는 값은 지어내지 않아요.

쓰는 법은 간단해요. 카드 컴포넌트 치수 도면 그려 줘. 스크린샷이나 주소를 줘도 돼요.

쓰는 법은 간단해요. 카드 컴포넌트 치수 도면 그려 줘. 스크린샷이나 주소를 줘도 돼요.

코덱스, 커서, 제미나이 씨엘아이는 명령 한 줄로, 클로드 코드는 스킬 폴더에 복사해서 써요.

코덱스, 커서, 제미나이 씨엘아이는 명령 한 줄로, 클로드 코드는 스킬 폴더에 복사해서 써요.

자주 쓰는 화면 하나, 도면으로 남겨 보세요. 다음 편도 깃허브 별이 쏟아진 도구를 골라 올게요.

자주 쓰는 화면 하나, 도면으로 남겨 보세요. 다음 편도 깃허브 별이 쏟아진 도구를 골라 올게요.

출처

  • github.com/enesozturk/dimensional-drawing

영상으로 보기

다음 글AI로 만든 내 앱, 지도로 보기→