본문으로 바로 가기
역할별 AI 코워커

「디자이너」 — 에이전틱 디자인 담당

읽는 시간 8분 · 최종 업데이트 2026.10.06

이 역할은 브리프와 시안을 준비할 때 살펴보세요. 먼저 디자인 목적·브랜드·참고 자료를 제공합니다. 아래 기능 목록은 패키지 원본에서 생성하며, 실제 사용할 수 있는 기능은 현재 앱에서 확인합니다.

첫 요청

text
브랜드 자료로 디자인 브리프를 만들어 줘. 실제 사용할 제작 도구도 확인해 줘.
부족한 맥락은 질문하고, 사용한 자료와 아직 확인하지 못한 항목을 남겨 줘.

준비할 자료와 결과

준비물결과확인 기준
디자인 목적·브랜드·참고 자료브리프와 시안제공 자료와 일치하고 미정 항목을 구분

외부 연결 없이 제공 자료로 초안을 만들 수 있습니다. 실시간 조회·생성·게시가 필요할 때는 현재 도구와 연결 계정을 확인합니다. 실제 실행이 없으면 초안·제작안 단계로 표시합니다.

가상 예제로 더 이해하기

아래 자료와 모범 설명은 수업을 위해 작성했습니다. 실제 회사·고객의 실적이나 앱 실행 결과가 아닙니다. 먼저 제공 자료로 작은 결과를 만든 뒤 자신의 자료로 바꿔 보세요.

text
가상 발표: 문의 6건을 배송 3·반품 2·결제 1로 정리한 개선 제안. 청중은 고객지원 팀장. 브랜드 색과 화면 크기는 미정.

먼저 확인할 질문

발표 목적과 청중은 누구인가요? 결과를 화면에서 보나요, 인쇄하나요? 답을 모르면 해당 항목을 미정으로 남기고, 그 정보 없이 가능한 범위를 정합니다.

모범 결과를 읽는 방법

문제, 분류 근거, FAQ 초안, 확인 필요 사항, 다음 행동 순서로 구성합니다. 차트에 문의 수와 단위를 쓰며 글자는 발표 화면에서 확인합니다. 문장과 서식은 달라도 이 기준을 충족하는지 직접 비교합니다. 원문 위치·출처·상태가 결과에 함께 남으면 다음 검토자에게 넘기기 쉽습니다.

직접 비교할 모범 결과

항목결과 예시근거·상태
1장 · 문제고객 문의 6건배송 3 + 반품 2 + 결제 1
2장 · 분류유형별 건수 비교기간·정책 근거는 추가 확인
3장 · 개선 제안FAQ 초안과 담당자 확인 요청정책 검토 전
시안 조건색과 화면 크기는 미정표현·가독성 확인 필요

흔한 실수와 수정 요청

한 장에 모든 문장을 넣거나 문의 건수를 비율인 것처럼 표시합니다. 이때는 결과 전체를 다시 만들어 달라는 말보다, 틀린 기준과 고칠 위치를 구체적으로 알려 주세요.

text
한 장에 메시지 하나씩 나눠 줘. 차트에 건수를 표시하고 작은 글자는 줄여 줘. 확인 필요 사항은 숨기지 마.
수정한 부분과 아직 확인할 항목을 따로 알려 줘.

확인 문제

디자인이 깔끔하면 내용의 근거 검토를 생략해도 될까요?

답안과 해설 보기

생략하지 않습니다. 숫자와 정책을 먼저 확인하고 전달 흐름과 가독성을 별도로 점검합니다.

내 업무로 바꿔 보기

예제의 자료를 자신의 공개 가능한 자료로 바꾸고, 결과의 독자와 형식을 다시 정합니다. 변하지 않는 검토 기준은 프로젝트 지침에 저장하고, 이번 작업의 수치와 미정 조건은 새 자료로 제공합니다. 프로젝트와 자료 수업에서 구분 방법을 확인합니다.

스킬 카탈로그

스킬 17종 — 아래 표는 마켓플레이스 정본(v1.2.7)에서 자동 생성됩니다.

스킬무엇을 해주나
design-brand-system제공된 브랜드 자료와 화면 목적을 바탕으로 웹 시각 디자인 토큰과 컴포넌트 사양을 만듭니다. 색상·서체·간격·레이아웃·접근성 검토가 필요할 때 사용하세요. Claude Cowork와 ChatGPT Work에서는 사용자 자료를 바로 입력으로 받고, MoAI 프로젝트에서는 기존 브랜드 파일을 함께 확인합니다.
design-brand-visual브랜드 자료에 맞는 히어로·OG·목업·마스코트 이미지의 구도와 제약을 정하고 실제 이미지 생성 경로로 보냅니다. ChatGPT Work에서는 현재 대화의 이미지 생성 도구를, Higgsfield 지정 요청에는 이 플러그인의 공식 Higgsfield 연결을 사용합니다. "브랜드 히어로 이미지 만들어줘", "OG 이미지 생성
design-brief화면·프로토타입·시각 문서 제작 요청을 검토 가능한 디자인 브리프로 정리합니다. "Claude Design 브리프 만들어줘", "디자인 요청 정리해줘", "프로토타입 프롬프트 작성해줘" 같은 요청에 사용하세요. 사용자 자료에 없는 대상·브랜드·참고 사례는 미정으로 남깁니다.
design-copywriting브랜드 보이스와 실제 제품 자료에 맞춰 웹 화면의 제목·설명·버튼·오류 문구를 작성합니다. 디자인 파이프라인이 필요하면 섹션별 JSON으로, 단독 요청이면 사용자가 원하는 형식으로 제공합니다. 수치·보증·후기는 확인된 근거가 있을 때만 사용합니다.
design-gui-guide모든 화면을 구성하는 10개 GUI 요소(버튼·폼·메뉴·링크·다이얼로그·알림·아이콘·체크박스/라디오·탭·검색)와 보너스 2(윈도우·포인터)에 대한 증거 기반 사용성 가이드라인 86종. UX Tigers(Jakob Nielsen, 2026-07-29) "10 GUI Design Elements"를 shadcn 컴포넌트와 1
design-handoff-reader사용자가 제공한 Claude Design 핸드오프 파일·폴더·링크를 읽고 구현에 필요한 디자인 결정과 미확인 사항을 정리합니다. "핸드오프 분석해줘", "디자인 파일 읽어줘", "구현 지시 정리해줘" 같은 요청에 사용하세요. 파일 형식과 내용은 실제 받은 자료에서 확인합니다.
design-handoff디자인 브리프와 실제 브랜드·화면 자료로 Claude Design 또는 코드 구현에 넘길 핸드오프 문서를 만듭니다. "디자인 핸드오프 준비해줘", "Claude Design에 넘길 프롬프트 써줘" 같은 요청에 사용하세요. MoAI 프로젝트의 기존 다섯 파일 경로는 해당 파이프라인에서 필요할 때 사용합니다.
design-iteration-loop반복적 디자인 품질 개선을 위한 빌더-평가자 GAN 루프 워크플로. 스프린트 컨트랙트 협상, 4차원 평가(디자인 품질·오리지널리티·완결성·기능성), 정체 감지, 에스컬레이션 프로토콜을 구현합니다. design.yaml에서 파라미터를 읽습니다. Use for the Builder-Evaluator GAN loop: iter
design-landing-motion기억에 남는 다이나믹 랜딩 페이지를 만듭니다. 브리프에서 컨셉 스파인을 뽑고, 시그니처 효과를 하나만 골라 끝까지 완성하며, 필요한 비주얼은 기존 자산 또는 사용 가능한 이미지 생성 경로로 준비합니다. 스크롤 스크럽·시차 레이어·WebGL 디스플레이스먼트·파티클·마스크 리빌·수평 레일·키네틱 타이포 등을 다루고, Reac
design-logo디자인 시스템에 맞는 로고를 생성합니다. 프로젝트의 토큰(색·타이포·형태 언어)과 브랜드 보이스를 먼저 읽어 생성 프롬프트에 반영하므로, 만들어진 로고가 브랜드와 어긋나지 않습니다. 로고는 히어로·OG 이미지와 달리 작아도 보이고 컬러·흑백·단색으로 변형되어야 하므로 벡터/심볼 접근으로 다룹니다. 다음과 같은 요청 시 사
design-prompt-builder사용자의 UX 디자인 요청을 실행 가능한 프롬프트로 정리합니다. 정보 구조·리서치·디자인 시스템· 마이크로카피·온보딩·사용성·대시보드·접근성·폼·프로토타입 테스트 중 필요한 관점만 고릅니다. Claude Design에 전달할 수 있으며, ChatGPT Work 등 다른 디자인 대화에도 맞게 씁니다.
design-slop-check디자인 결과물의 한국어·영어 카피에서 상투적인 표현, 근거 없는 주장, 어색한 문장 구조를 문맥과 브랜드 말투에 비추어 검토하고 수정안을 제안합니다. Claude Design·ChatGPT Work의 화면 문구, CTA, 오류 메시지, 랜딩 카피에 사용합니다.
design-sync-upload브랜드·디자인 시스템 자료를 Claude Design에 전달할 수 있게 준비하고, 현재 세션에서 확인된 업로드 경로로 진행합니다. Claude Cowork는 대화·첨부, ChatGPT Work는 전달 패키지와 앱 UI 안내를 기본으로 하며, DesignSync 도구가 실제로 있을 때만 그 계약을 확인해 사용합니다.
design-system-library글로벌 브랜드 디자인 시스템 참고 자료(Claude · ClickHouse · Clay 포함)의 색·타이포·간격·컴포넌트 구조를 읽고, 사용자 브랜드에 맞는 HTML 디자인 토큰을 설계합니다. Tailwind Play CDN 예시는 개발용이며 최종 산출물은 대상 환경에서 렌더·대비를 검증합니다. 별도로 설치된 moai-o
design-system-prep사용자 브랜드 자산을 조사하고 출처가 드러나는 디자인 시스템 문서와 Claude Design에 전달할 자료 목록을 준비합니다.
design-tokens-transformer실제 디자인 토큰을 DTCG 형식과 프로젝트의 CSS 변수·테마 형식 사이에서 변환하고, 매핑 손실과 색 대비를 확인합니다.
design-workflow디자인 자료를 프로젝트의 브랜드 기준과 함께 읽고, 확인된 토큰과 자산을 구현에 전달합니다. 프로젝트 설정이 있을 때만 MoAI 전용 경로를 사용합니다.

포함된 에이전트

이 직원은 별도 에이전트 없이 스킬 자동 매칭으로만 동작합니다.

에이전트 파일의 존재와 별도 실행은 다릅니다. 현재 앱이 해당 형식을 지원하는지 확인하며, 지원하지 않으면 역할별 단계를 순차 수행합니다. 전문가 분업에서 적용 방법을 확인하세요.

결과 확인과 다음 단계

원문·출처·숫자·형식이 맞는지 확인하고 수정할 위치를 구체적으로 알려 주세요. 다른 역할에 넘길 때는 목표·자료·미정 항목·완료 기준을 함께 전달합니다.

설치와 관리 · 결과 검토 · 업무별 실습

공식 문서와 참고 자료