Communitygithub.com

adaptive-machines/ai-design-workflow

발견, 정의, 전달의 3단계 워크플로를 통해 AI 코딩 에이전트가 기본 'AI 템플릿' 스타일 대신 차별화된 스튜디오급 UI 디자인을 출력하도록 합니다.

ai-design-workflow란 무엇인가요?

이 스킬은 AI 코딩 에이전트(Claude Code, Cursor 등)가 생성하는 UI 디자인이 지나치게 템플릿처럼 보이는 문제를 해결합니다. 'Discover(발견)', 'Define(정의)', 'Deliver(전달)'의 3단계 과정을 통해 독창적이고 고급스러운 디자인을 제작할 수 있도록 안내합니다. 시드 문자열(seed string) 기반 무작위성, 야심찬 브리프 작성, 스크린샷만을 사용한 디자인 비평 서브에이전트 루프, 이미지/비디오 기반 모션 디자인, 최종 단순화 과정을 포함합니다. 사용자가 랜딩 페이지, 마케팅 페이지, 앱 화면, 온보딩 플로우, 대시보드, 포스터형 웹 페이지 또는 게임 UI를 디자인하거나 재디자인할 때, 특히 'AI가 만든 느낌이 너무 나요', '독특하게 만들어 주세요', '템플릿 같아요' 등의 요청이 있을 때 활성화됩니다. 이 스킬은 기존의 영웅-왼쪽/일러스트-오른쪽 레이아웃을 반복 개선할 때나 UI에 이미지/비디오 생성을 통합하려는 경우에도 유용합니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/adaptive-machines/skills/tree/main/ai-design-workflow

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

ai-design-workflow은(는) 무엇을 하나요?

**발견(Discover), 정의(Define), 전달(Deliver)**의 3단계 워크플로로, AI 코딩 에이전트가 기본 'AI 템플릿' 스타일 대신 차별화된 스튜디오급 UI 디자인을 출력하도록 합니다. 사용자가 랜딩 페이지, 마케팅 페이지, 앱 화면, 온보딩 플로우, 대시보드, 포스터형 웹 페이지 또는 게임 UI를 디자인하거나 재디자인하면서 독창적이고, 대담하며, 프리미엄처럼 보이거나 'AI가 만든 것처럼 보이지 않게' 해 달라고 요청할 때 사용하세요. 여기에는 "make it unique", "it looks generic", "too much AI vibe", "AI 味太重", "千篇一律", "设计得独特一点", "榨出创造力", "design critic", "critique loop", "seed string", "double diamond", 또는 "why does my AI design always look the same"과 같은 표현이 포함됩니다. 또한 레이아웃이 일반적인 영웅-왼쪽/일러스트-오른쪽 템플릿인 기존 페이지를 반복 개선하거나, 사용자가 UI에 이미지나 비디오 생성을 통합하려는 경우에도 사용하세요. 시드 문자열 무작위성, 야심찬 브리프, 스크린샷 전용 디자인 비평 서브에이전트 루프, 이미지/비디오 기반 모션, 최종 단순화 과정을 다룹니다.

관련 스킬