🎨 디자이너

Plugin moai-designer from marketplace moai-cowork in modu-ai/moai-cowork. Commands read from the repo's manifest — 1 month ago.

Skills (17)

• design-brand-system

  제공된 브랜드 자료와 화면 목적을 바탕으로 웹 시각 디자인 토큰과 컴포넌트 사양을 만듭니다. 색상·서체·간격·레이아웃·접근성 검토가 필요할 때 사용하세요. Claude Cowork와 ChatGPT Work에서는 사용자 자료를 바로 입력으로 받고, MoAI 프로젝트에서는 기존 브랜드 파일을 함께 확인합니다. invocation-scope: "workflow" version: "1.1.3

• design-brand-visual

  브랜드 자료에 맞는 히어로·OG·목업·마스코트 이미지의 구도와 제약을 정하고 실제 이미지 생성 경로로 보냅니다. ChatGPT Work에서는 현재 대화의 이미지 생성 도구를, Higgsfield 지정 요청에는 이 플러그인의 공식 Higgsfield 연결을 사용합니다. "브랜드 히어로 이미지 만들어줘", "OG 이미지 생성해줘", "마스코트 다른 포즈로 그려줘" 같은 요청에 사용하세요. version: "1.1.5

• design-brief

  화면·프로토타입·시각 문서 제작 요청을 검토 가능한 디자인 브리프로 정리합니다. "Claude Design 브리프 만들어줘", "디자인 요청 정리해줘", "프로토타입 프롬프트 작성해줘" 같은 요청에 사용하세요. 사용자 자료에 없는 대상·브랜드·참고 사례는 미정으로 남깁니다. version: "1.1.3

• design-copywriting

  브랜드 보이스와 실제 제품 자료에 맞춰 웹 화면의 제목·설명·버튼·오류 문구를 작성합니다. 디자인 파이프라인이 필요하면 섹션별 JSON으로, 단독 요청이면 사용자가 원하는 형식으로 제공합니다. 수치·보증·후기는 확인된 근거가 있을 때만 사용합니다. invocation-scope: "workflow" version: "1.1.4

• design-gui-guide

  모든 화면을 구성하는 10개 GUI 요소(버튼·폼·메뉴·링크·다이얼로그·알림·아이콘·체크박스/라디오·탭·검색)와 보너스 2(윈도우·포인터)에 대한 증거 기반 사용성 가이드라인 86종. UX Tigers(Jakob Nielsen, 2026-07-29) "10 GUI Design Elements"를 shadcn 컴포넌트와 1:1로 매핑해 한국어 실용 지침으로 증류. design-prompt-builder 패턴 3(디자인 시스템 생성)·패턴 6(사용성 감사)이 컴포넌트별 체크리스트로 참조. 다음과 같은 요청 시 반드시 이 스킬을 사용하세

• design-handoff-reader

  사용자가 제공한 Claude Design 핸드오프 파일·폴더·링크를 읽고 구현에 필요한 디자인 결정과 미확인 사항을 정리합니다. "핸드오프 분석해줘", "디자인 파일 읽어줘", "구현 지시 정리해줘" 같은 요청에 사용하세요. 파일 형식과 내용은 실제 받은 자료에서 확인합니다. version: "1.1.4

• design-handoff

  디자인 브리프와 실제 브랜드·화면 자료로 Claude Design 또는 코드 구현에 넘길 핸드오프 문서를 만듭니다. "디자인 핸드오프 준비해줘", "Claude Design에 넘길 프롬프트 써줘" 같은 요청에 사용하세요. MoAI 프로젝트의 기존 다섯 파일 경로는 해당 파이프라인에서 필요할 때 사용합니다. invocation-scope: "workflow" version: "1.1.4

• design-iteration-loop

  반복적 디자인 품질 개선을 위한 빌더-평가자 GAN 루프 워크플로. 스프린트 컨트랙트 협상, 4차원 평가(디자인 품질·오리지널리티·완결성·기능성), 정체 감지, 에스컬레이션 프로토콜을 구현합니다. design.yaml에서 파라미터를 읽습니다. Use for the Builder-Evaluator GAN loop: iterative design-quality improvement via Sprint Contract negotiation, 4-dimension scoring (Design Quality, Originality, Comp

• design-landing-motion

  기억에 남는 다이나믹 랜딩 페이지를 만듭니다. 브리프에서 컨셉 스파인을 뽑고, 시그니처 효과를 하나만 골라 끝까지 완성하며, 필요한 비주얼은 기존 자산 또는 사용 가능한 이미지 생성 경로로 준비합니다. 스크롤 스크럽·시차 레이어·WebGL 디스플레이스먼트·파티클·마스크 리빌·수평 레일·키네틱 타이포 등을 다루고, React/Next(R3F·Framer Motion·GSAP)와 정적 사이트(바닐라 three.js·GSAP) 양쪽으로 냅니다. 다음과 같은 요청 시 사용하세요: - "랜딩 페이지 만들어 줘", "히어로 인상적으로" - "

• design-logo

  디자인 시스템에 맞는 로고를 생성합니다. 프로젝트의 토큰(색·타이포·형태 언어)과 브랜드 보이스를 먼저 읽어 생성 프롬프트에 반영하므로, 만들어진 로고가 브랜드와 어긋나지 않습니다. 로고는 히어로·OG 이미지와 달리 작아도 보이고 컬러·흑백·단색으로 변형되어야 하므로 벡터/심볼 접근으로 다룹니다. 다음과 같은 요청 시 사용하세요: - "로고 만들어 줘", "브랜드 마크 디자인" - "워드마크", "레터마크", "심볼 로고" - "앱 아이콘 만들어 줘", "파비콘 디자인" - "로고 컨셉 몇 개 뽑아 줘", "로고 아이디어" - "기

• design-prompt-builder

  사용자의 UX 디자인 요청을 실행 가능한 프롬프트로 정리합니다. 정보 구조·리서치·디자인 시스템· 마이크로카피·온보딩·사용성·대시보드·접근성·폼·프로토타입 테스트 중 필요한 관점만 고릅니다. Claude Design에 전달할 수 있으며, ChatGPT Work 등 다른 디자인 대화에도 맞게 씁니다. version: "1.1.4

• design-slop-check

  디자인 결과물의 한국어·영어 카피에서 상투적인 표현, 근거 없는 주장, 어색한 문장 구조를 문맥과 브랜드 말투에 비추어 검토하고 수정안을 제안합니다. Claude Design·ChatGPT Work의 화면 문구, CTA, 오류 메시지, 랜딩 카피에 사용합니다. version: "1.1.4

• design-sync-upload

  브랜드·디자인 시스템 자료를 Claude Design에 전달할 수 있게 준비하고, 현재 세션에서 확인된 업로드 경로로 진행합니다. Claude Cowork는 대화·첨부, ChatGPT Work는 전달 패키지와 앱 UI 안내를 기본으로 하며, DesignSync 도구가 실제로 있을 때만 그 계약을 확인해 사용합니다. version: "1.3.2

• design-system-library

  글로벌 브랜드 디자인 시스템 참고 자료(Claude · ClickHouse · Clay 포함)의 색·타이포·간격·컴포넌트 구조를 읽고, 사용자 브랜드에 맞는 HTML 디자인 토큰을 설계합니다. Tailwind Play CDN 예시는 개발용이며 최종 산출물은 대상 환경에서 렌더·대비를 검증합니다. 별도로 설치된 moai-officer:doc-html-report에서 design_system을 지정하면 토큰 참고 자료로 쓸 수 있습니다. Claude Design 핸드오프 시에는 DESIGN.md 지침 소스로 제공됩니다. 다음과 같은 요

• design-system-prep

  사용자 브랜드 자산을 조사하고 출처가 드러나는 디자인 시스템 문서와 Claude Design에 전달할 자료 목록을 준비합니다. version: "1.1.4

• design-tokens-transformer

  실제 디자인 토큰을 DTCG 형식과 프로젝트의 CSS 변수·테마 형식 사이에서 변환하고, 매핑 손실과 색 대비를 확인합니다. version: "1.1.3

• design-workflow

  디자인 자료를 프로젝트의 브랜드 기준과 함께 읽고, 확인된 토큰과 자산을 구현에 전달합니다. 프로젝트 설정이 있을 때만 MoAI 전용 경로를 사용합니다. invocation-scope: "workflow" version: "1.1.4

MCP servers (1)

• higgsfield

  connects to: https://mcp.higgsfield.ai/mcp

Similar plugins