🔎 #868. 디자이너가 노하우를 담아 공개한 AI 스킬 3가지

안녕하세요?
매일 사람이 쓰는 뉴스레터 Daily Prompt입니다.

오늘은 디자이너들이 자신의 노하우를 담아 공개한 AI 스킬 3가지를 소개합니다.

디자이너가 노하우를 담아 공개한 AI 스킬 3가지

스킬은 AI에게 작업 순서와 기준을 알려주는 작업 설명서입니다. 최근 디자이너들이 일하면서 쌓아온 기준을 스킬로 정리해 GitHub에 무료로 공개하고 있습니다.

세 스킬 모두 저장소 링크를 Claude Code나 Codex에 전달하고 '이 스킬을 설치해줘'라고 요청하면 설치할 수 있습니다.

X의 디자인 책임자가 공개한 스킬, Stageshow

Stageshow는 X의 디자인 책임자 Benji Taylor가 10월 31일(현지시간) 공개한 스킬입니다. 홈페이지나 기능 소개 카드에 들어가는 제품 화면을 AI가 실제 제품처럼 만들도록 돕습니다. 멈춘 이미지부터 커서가 움직이며 기능을 보여주는 짧은 애니메이션, 여러 칸에 기능을 나눠 담는 벤토 그리드까지 만들 수 있습니다.

Benji Taylor는 이런 화면을 직접 만들어보면 하나하나는 어렵지 않지만, 작은 결정이 백 가지쯤 있고 그 결정이 모두 결과에 드러난다고 말합니다. Stageshow는 그 결정을 AI가 따라 할 수 있도록 적어둔 스킬입니다.

AI가 혼자 만든 화면에서 자주 보이는 실수도 정리했습니다. 모든 칸에 글자를 빽빽하게 채우거나, 반대로 회색 상자만 남기거나, 앱 화면 전체를 카드 안에 줄여 붙여 스크린샷처럼 보이게 만드는 경우입니다. 그래서 진짜 글자는 꼭 필요한 곳에만 쓰고 나머지는 회색 줄로 채우며, 보여줄 부분만 잘라서 배치합니다.

규칙만 적어서는 AI가 잘 따르지 않았다고 합니다. 앱 창을 화면 가장자리에 걸치게 하라고 써두면 거의 따르지 않았지만, 그렇게 만든 예시를 보여주자 제대로 따라 했습니다. 그래서 Figma, Slack, Gmail처럼 잘 알려진 제품을 재현한 것까지 예시 수십 개를 함께 넣었습니다. 완성한 화면은 녹화한 뒤 장면을 한 장씩 펼쳐 보며 어긋난 곳을 찾아 고칩니다.

결과물은 웹페이지에 바로 넣을 수 있는 코드로 나옵니다. 한 번에 완성되지는 않아서, 제작자도 보통 몇 번 피드백을 주고받는다고 합니다.

랜딩 페이지와 Figma 디자인 규칙을 묶었습니다(AI Design Skills)

AI Design Skills는 디자이너 Elaya가 공개한 디자인 스킬 모음으로, GitHub에서 1만 4천 개가 넘는 별(즐겨찾기)을 받았습니다. 지금은 두 가지 스킬이 들어 있습니다.

• landing-page-design: 랜딩 페이지를 처음부터 만듭니다. 디자인하기 전에 방문자가 할 행동 하나, 대상 고객, 고객이 망설이는 이유를 먼저 묻고, 페이지 구성과 문구를 정한 뒤 화면을 만듭니다.
• figma-designer: Figma 안에서 색, 간격, 글자 스타일을 정리하고, 버튼처럼 반복해 쓰는 요소를 상태별로 만듭니다. AI 에이전트를 Figma와 연결해서 씁니다.

landing-page-design은 글꼴, 간격, 모서리, 움직임 같은 값을 아주 구체적으로 정해두었습니다. 예를 들어 글꼴은 Geist, Manrope, Poppins 중에서 고르고 Inter, Roboto, Arial은 쓰지 않습니다. 이탤릭과 아주 두꺼운 굵기도 쓰지 않고, 한 사이트에는 글꼴을 하나만 씁니다.

이런 값은 파일 아래쪽 한 곳에 모여 있어서, 그 부분만 바꾸면 내 브랜드에 맞게 고쳐 쓸 수 있습니다. 추천 글꼴에는 한글이 없으니, 한글 페이지라면 이 부분을 한글 글꼴로 바꿔야 합니다.

분위기를 말하면 한글과 영어 폰트 짝을 골라줍니다(폰트 페어링)

폰트 페어링은 시퀀스스튜디오(@sequence_ai)가 공개한 스킬입니다. 용도와 분위기를 말하면 상업적으로 써도 되는 무료 폰트 중에서 한글과 영어 폰트 짝을 골라줍니다. 고른 짝을 실제 문구에 입힌 미리보기와 설치 링크, 라이선스도 함께 알려줍니다.

눈누의 한글 폰트 30개와 구글 폰트의 영어 폰트 24개가 들어 있고, 라이선스는 10월 20일에 원문을 하나씩 확인했다고 합니다. 추천 짝 18개와 짝을 고르는 규칙 12개도 담았는데, 굵은 고딕과 가는 필기체처럼 서로 반대되는 폰트끼리 짝을 짓는 식입니다.

스킬 설치 후 '차분한 전시 포스터에 어울리는 폰트 짝 골라줘'처럼 한국어로 요청하면 됩니다. 폰트 파일은 들어 있지 않아서, 안내받은 설치 링크에서 직접 내려받아야 합니다.

마무리

1. 최근 영향력 있는 디자이너들이 자신의 디자인 노하우를 스킬 문서(SKILL.md)로 정리해 GitHub에 공개하고 있습니다. 누군가는 여전히 'AI는 아직 디자이너의 감각을 따라오지 못한다'고 말하지만, 다른 한쪽에서는 자신의 감각을 에이전트의 언어로 번역해 배포하며 영향력을 넓히고 있습니다.
2. 처음에는 이 현상을 보며 두 가지 의문이 들었습니다. 하나는 스킬을 여러 개 덧붙일수록 에이전트의 퍼포먼스가 떨어지거나 결국 파운데이션 모델의 기본 학습 데이터로 흡수될 텐데, 과연 스킬 문서의 유효기간이 얼마나 갈까 하는 점이었습니다.
3. 다른 하나는 '말로 정리할 수 없는 영역'에 대한 의구심이었습니다. 폰트 위계나 색상 조합처럼 불쾌한 디자인을 막아주는 80점짜리 규칙은 텍스트로 적을 수 있어도, 비즈니스 목적을 위해 의도적으로 클리셰를 비틀고 미묘한 시각적 긴장감을 만드는 나머지 20점의 영역은 언어로 옮기기 어렵기 때문입니다.
4. 하지만 조금 더 깊이 생각해보면, 조금 불편한 가설과 마주하게 됩니다. '기술이 발전하면 인간은 더 높은 수준의 감각을 길러서 실력을 증명하면 된다'는 생각 자체가 지나친 낙관일지도 모른다는 점입니다. AI로 인해 누구나 일정 수준 이상의 결과물을 만들 수 있게 되면, 역설적이게도 디자인 실력만으로 인정받을 기회는 오히려 줄어들 수 있습니다. 지원자 백 명이 모두 90점짜리 결과물을 가져올 때, 발주자는 그중 진짜 98점짜리 실력자를 가려내기 위해 높은 탐색 비용을 치르지 않습니다. 대신 이미 익숙한 이름, 검증된 권위, 기존의 관계라는 가장 안전한 기준으로 돌아가게 됩니다. 실력이 상향 평준화될수록 실력만으로 기존의 지위를 뒤집기가 더 어려워지는 셈입니다.
5. 결국 AI 시대에 우리가 던져야 할 질문은 '다음에는 또 무슨 능력을 준비하고 어떻게 증명할까?'가 아닐지 모릅니다. 능력을 증명해 선택받겠다는 태도에서 벗어나, 내가 하고 싶은 작업을 스스로 시작하고 지속할 수 있는 조건을 어떻게 확보할 것인가를 물어야 합니다. AI가 디자인의 장벽을 낮췄다면, 반대로 디자이너가 직접 기획하고 개발해 세상에 내놓는 장벽 역시 낮아졌다는 뜻이니까요.

오늘의 Midjourney Prompt & Music

아래 Midjourney 이미지를 음악과 함께 감상해보세요:)

Tally

0:00

/195

1×

프롬프트 (by @jae_hong__an) :