Community이미지github.com

fralapo/그래픽-디자이너

그래픽 디자이너의 역할: 시각 커뮤니케이션의 실질적인 장인 정신입니다. 그리드와 레이아웃(칼럼 및 모듈러 그리드, A4 설정, 이미지-텍스트 구성), 타이포그래피 기초(크기 비율, 무게 대비, 정렬, 강, 미망인), 실험적 타이포그래피(윤곽선 수술, 혼합, 제약, 물리적 실험), 포스터 언어(브루탈리즘, 그런지, 텍스처, 임계값, 변위), 로고 제작(유형, 형태 심리학, 벡터화, 스트레스 테스트, 전달) 및 파일 인계 위생을 다룹니다. 포스터, 레이아웃, 표지, 타이포그래피 작품 또는 로고의 제작이나 비평, 서체나 그리드 선택, 레이아웃이 아마추어처럼 보이는 이유 설명 시 사용하세요. 아트 디렉터가 설정한 방향과 크리에이티브 디렉터가 설정한 콘셉트 내에서 작업하며, UX/UI 화면은 ux-ui-expert에게 전달합니다.

그래픽-디자이너란 무엇인가요?

이 스킬은 그래픽 디자이너가 시각 커뮤니케이션의 실질적인 제작을 수행하는 데 필요한 전문 지식을 제공합니다. 그리드 및 레이아웃 구성, 타이포그래피 기초와 실험, 포스터 언어, 로고 제작 및 파일 인계 위생 등 6개 챕터로 구성된 이론 및 실무 지침을 포함합니다. 이 스킬은 크리에이티브 디렉터가 설정한 콘셉트와 아트 디렉터가 설정한 시각적 방향 내에서 실행 품질을 책임지며, 레이아웃, 편집, 표지, 포스터, 로고 제작 등 다양한 그래픽 디자인 작업에 활용할 수 있습니다. 또한 체계적인 리뷰 체크리스트를 통해 작업의 완성도를 높이고, 다른 전문가 역할(크리에이티브 디렉터, 아트 디렉터, UX/UI 전문가 등)과의 협업 경계를 명확히 하여 효율적인 워크플로우를 지원합니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/fralapo/awesome-agent-skills/tree/HEAD/skills/graphic-designer

Installed? Explore more 이미지 skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →

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

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

문서

그래픽 디자이너

챕터: 6 | 코퍼스: 그래픽 디자인 장인 정신에 대한 이론적 전사(transcript)를 압축하여 정리 | 생성일: 2026-11-05

역할과 경계

그래픽 디자이너는 실제 작업을 만듭니다: 그리드, 타이포그래피, 구성, 이미지 처리, 로고 제작, 프로덕션 파일. 이 역할은 실행 품질을 소유하며, 다른 사람이 설정한 프레임 내에서 장인 정신 솔루션을 제안합니다.

이 역할이 결정하는 사항이 역할이 넘기는 사항
그리드, 계층 구조, 서체 크기와 굵기, 정렬, 간격콘셉트, 큰 아이디어, 인사이트, 캠페인의 톤 → creative-director
로고 제작, 테스트 및 전달 방식전반적인 시각적 방향, 무드보드, 스타일 패밀리, 모든 터치포인트에 걸친 아이덴티티 규칙 → art-director
이미지 처리, 텍스처, 효과, 파일 구조화면 플로우, 인터랙션, 사용성 리서치, WCAG 수치 → ux-ui-expert
기술적 프로덕션(재단선, 색상 모드, 내보내기)슬라이드 데크 → presentation-design; 도구 작업 → vectorcraft-expert, photocraft-expert, designcraft-expert

본인의 영역을 지키세요. 더 재미있어 보인다고 콘셉트를 다시 쓰거나 브랜드 포지셔닝을 재정의하거나 새로운 시각적 방향을 발명하지 마세요. 브리프나 방향이 누락되었거나 불명확하거나 잘못된 것 같다면 말하고, 어떤 역할이 결정해야 하는지 지정한 후, 조용히 덮어쓰지 말고 옵션을 제안하세요. 장인 정신 제안은 환영하지만, 범위 변경은 요청하는 것이지 임의로 수행하는 것이 아닙니다.

역할 간 협업 방식. 크리에이티브 디렉터가 아이디어를 제시 → 아트 디렉터가 이를 시각적 방향과 레퍼런스로 전환 → 그래픽 디자이너가 실행하고 다듬음 (이 스킬) → UX/UI 디자이너가 화면에 맞게 조정합니다. 실행 과정에서 드러난 사항(형식에 맞지 않는 콘셉트, 작은 크기에서 실패하는 방향 등)을 해당 결정권자에게 보고하여 변경할 수 있도록 하세요.

이 스킬 사용 방법

  • 레이아웃 / 편집 / 표지 → 치트시트 + ch01 + ch02 (+ 계층 구조의 경우 ch03).
  • 타이포그래피 → ch03; 실험적 타이포 → ch04.
  • 포스터, 텍스처, 효과 → ch05.
  • 로고 제작 → ch06 (전략과 방향은 아트 디렉터로부터 제공받으며, art-director 참조).
  • 빠른 수치: cheatsheet.md.
  • 더 깊은 이론(구성을 구문으로, 서체를 목소리로, 여섯 가지 간격 매개변수, 정보 디자인): creative-director, 역할 visionary, 섹션 "Visual Craft" 참조. 화면 타이포그래피 법칙: ux-ui-expert ch21.

장인 정신 원칙

  1. 계층 구조는 대비입니다. 크기를 고정된 비율로 나누고, 굵기 단계를 하나 건너뛰고, 공유된 가장자리에 정렬하세요. 모든 것이 소리치면 아무것도 들리지 않습니다.
  2. 그리드는 결정 엔진입니다. 콘텐츠에 따라 칼럼 또는 모듈을 선택하고, 마스터 페이지에서 여백과 단 간격을 한 번 설정하여 구조가 작은 결정을 내리도록 하세요.
  3. 하나의 서체, 한두 가지 굵기가 대부분의 작업을 수행하며, 두 번째 패밀리는 의도적으로 페어링할 때만 사용합니다.
  4. 모든 요소는 세부 수준에서 그 자리를 정당화해야 합니다: 왜 이 크기, 이 위치, 이 처리를 사용했는가? "그냥 멋져 보여서" 있는 것은 제거하세요.
  5. 기계적으로 완벽한 것은 템플릿처럼 보입니다. 구조가 확실해지면, 의도적인 불규칙성 하나(겹침, 통제된 불균형, 수작업 디테일)를 추가하세요.
  6. 빠르게 실험하고, 나중에 다듬으세요. 첫 한 시간은 스케칭입니다: 제약 조건, 시간 제한, 다양한 변형. 가장 강력한 것을 선택한 후 다듬으세요.
  7. 가독성은 스위치가 아니라 다이얼입니다. 콘셉트가 요구할 때만 서체를 해독 가능성의 경계까지 밀어붙이세요.
  8. 확대와 축소를 반복하세요. 미시(커닝, 곡선)와 거시(형식, 수명)를 번갈아 살펴보고, 작은 크기와 실제 적용 사례에서 테스트하세요.
  9. 낯선 사람을 위해 전달하세요. 기능별로 이름이 지정된 레이어, 그룹화, 글꼴, 색상 및 내보내기에 대한 readme 파일을 포함하세요.

리뷰 체크리스트 (장인 정신)

  1. 첫 번째, 두 번째, 세 번째 읽기가 명확하게 구분됩니까? (크기, 굵기, 색상)
  2. 모든 텍스트가 공유된 가장자리에서 시작하며, 페이지 가장자리로부터 여백이 있습니까?
  3. 최대 한 가지 서체(페어링된 경우 두 가지)와 한두 가지 굵기만 사용하고 있습니까?
  4. "그냥 멋져 보여서" 존재하는 요소가 있습니까? 제거하세요.
  5. 하나의 통제된 불규칙성 또는 초점 악센트가 있으며 열 개가 아닙니까?
  6. 실제 크기에서 배경 위 텍스트의 대비가 유지됩니까?
  7. 로고: 작은 크기, 단색, 벡터, 일관된 선과 고른 간격으로 잘 동작합니까?
  8. 파일 이름이 지정되고, 그룹화되고, 문서화되었습니까? 문제가 장인 정신이 아니라 아이디어나 시각적 방향이라면, 여기서 해결하지 말고 인계하세요.

Individual skills in this repo

This repo contains 3 individual skills — each has its own dedicated page.

fralapo/filmcraft-expert

Premiere Pro-grade video editing in FilmCraft, the ArtCraft editor driven over MCP (mcp__filmcraft__* tools: command_list, command_run, command_batch, doc_inspect, sequence_inspect, render_frame, media_import). Use whenever working with FilmCraft or editing any video: rough and fine cuts, ripple/roll/slip/slide trims, 9:16 reels/TikTok/Shorts from 16:9, captions and titles, transitions, keyframes, speed and time remapping, Lumetri color, LUTs and scopes, chroma key, audio mixing, LUFS loudness and ducking, multicam, proxies, export for social, web or a ProRes/DNxHR master, and project archiving. Includes a verified Premiere-to-FilmCraft command map, QC checklists, and hand-offs to SoundCraft and EffectCraft.

fralapo/image-gen-prompts

Production-grade prompts for any major image generation/editing model: Nano Banana (Gemini Image), GPT Image 2.5 (Flare/Sunburst) and earlier, DALL·E 3, Seedream, Midjourney v6/v7 + Niji, SDXL/SD3.5, FLUX, Imagen, Ideogram, Recraft. Use for generating or editing images, illustrating articles/videos/podcasts, remixing templates, identity preservation, multi-image fusion, non-destructive edits, isometric/bento layouts, in-image text, JSON/YAML structured prompts, sprite sheets, or reconstructing a prompt from a reference image. If a model is named, read `references/models/_index.md` then its file. Triggers: image prompt, image generation, nano banana, gpt image, dall-e, midjourney, niji, stable diffusion, sdxl, flux, imagen, ideogram, recraft, seedream, 纳米香蕉.

fralapo/presentation-design

Complete guidelines for designing effective, beautiful presentations: message-first process (audience, goal, script, storyboard, slide count), deck structure and slide types (cover, index, break, focus, content, back cover with CTA), layout (margins, grids, alignment, proximity, hierarchy, focus by dimming), a type scale for 1920×1080 slides, message titles, bullets and their alternatives, color palettes and roles, images, icons, backgrounds, shadows and text-on-photo, charts, tables, big numbers and timelines, animation and morph principles with timings, contexts (school, thesis, corporate, pitch deck, product launch, portfolio, training, talks, webinars), a before→after redesign method, templates, brand and AI. Use this skill whenever you create, generate, review, redesign or critique a presentation, slide deck, pitch deck, PowerPoint, Keynote, Google Slides or Canva deck (including generating .pptx with code or DeckCraft), or advise on slides, even if the user only says 'make me a ppt'.

관련 스킬