Community이미지github.com

cbrock84/visual-content

시각적 콘텐츠를 디자인하고 지시합니다 — 캐러셀, 인포그래픽, 인용구 그래픽, 다이어그램, 소셜 이미지 등 AI가 생성한 프롬프트를 포함합니다. 글을 시각적 형식으로 바꾸거나, 캐러셀이나 인포그래픽을 디자인하거나, 소셜 그래픽을 만들거나, 스크롤을 멈추지 못하는 비주얼을 수정할 때 사용하세요.

visual-content란 무엇인가요?

이 스킬은 AI 에이전트가 콘텐츠의 구조에 맞게 최적의 시각적 형식을 선택하고 디자인하도록 돕습니다. 캐러셀, 인포그래픽, 인용구 그래픽, 차트 등 각 형식의 목적과 디자인 원칙을 상세히 설명하며, 실제 모바일 피드에서의 가독성과 스크롤을 멈추게 하는 효과를 중시합니다. AI 이미지 생성 프롬프트 작성 방법과 생성 결과 검증 기준도 포함되어 있어, Claude Code, Cursor, Codex 등 다양한 플랫폼에서 시각적 콘텐츠 제작을 자동화하고 최적화하는 데 유용합니다. 피해야 할 실수와 구체적인 규칙을 명확히 제시하여, 에이전트가 일관되고 효과적인 비주얼을 제작할 수 있도록 가이드합니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/cbrock84/headcount/tree/main/plugins/marketing/skills/visual-content

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

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

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

문서

시각적 콘텐츠

형식은 콘텐츠의 형태를 따른다

  • 순서나 과정 → 캐러셀. 슬라이드당 한 단계, 슬라이드당 한 아이디어.
  • 비교나 관계 → 단일 다이어그램. 캐러셀은 한눈에 봐야 할 것을 나누게 된다.
  • 기억에 남는 단일 주장 → 인용구 그래픽.
  • 수량, 추세, 비율 → 차트, 하나의 메시지를 담아서.
  • 약 7개 이상의 요소가 있는 모든 것 → 두 개의 비주얼로 나눈다.

유행하는 형식을 콘텐츠의 형태보다 먼저 선택하는 것이 많은 캐러셀이 문단 하나를 열 조각으로 자른 꼴이 되는 이유다.

캐러셀

첫 번째 슬라이드는 전체 훅이다 — 제목 카드가 아니라 헤드라인처럼 다뤄라. 이후 모든 슬라이드는 스와이프를 유발해야 하며, 각 슬라이드는 약간 미완성된 상태로 끝나야 한다.

슬라이드 전체에 일관된 템플릿: 같은 여백, 같은 글자 위치, 같은 팔레트. 슬라이드 간의 변형은 오류로 읽힌다. 번호를 매겨 독자가 진행 상황을 알 수 있게 하라.

마지막 슬라이드는 아이디어를 완성한다. "팔로우 하세요"만 적힌 마지막 슬라이드는 끝까지 본 모든 사람의 확실한 관심을 낭비하는 것이다.

인포그래픽과 다이어그램

다이어그램은 글이 세 문단을 써야 설명할 관계를 한눈에 보여줄 때 자격이 있다. 본문을 다시 말하는 것뿐이라면 제거하라.

요소 위에 직접 레이블을 표시하라. 범례는 독자가 다른 곳을 보면서 매핑 정보를 기억에 유지하게 만든다. 의미를 전달하지 않는 것은 모두 제거하라 — 장식용 그라데이션, 3D 효과, 데이터 위의 그림자 등.

실제 맥락을 위한 디자인

이것의 거의 대부분은 작은 화면, 피드 안, 빠른 속도로 보인다. 완성하기 전에 그 크기로 테스트하라. 썸네일 크기에서 헤드라인을 읽을 수 없다면 존재하지 않는 것이다.

주제와 배경 사이의 높은 대비가 스크롤을 멈추게 한다. 미묘함은 데스크톱의 사치다.

이미지가 생성되는 경우

프롬프트를 브리핑 형식으로 작성하라: 주제, 구도, 조명, 팔레트, 분위기, 부정 제약. 이미지당 하나의 개념을 생성하라. 그런 다음 출력물이 포함된 텍스트를 올바르게 렌더링하는지, 브랜드 팔레트와 일치하는지 확인하라 — 생성된 이미지는 변형되기 쉬우며, 변형된 브랜드 색상은 브랜드 색상이 없는 것보다 더 나쁘다.

절대 하지 말 것

  • 콘텐츠가 순서인지, 비교인지, 단일 주장인지 알기 전에 시각적 형식을 선택하지 마라.
  • 썸네일 크기로 보일 것을 전체 크기로 디자인하지 마라.
  • 중요한 정보를 이미지에만 담지 마라. 검색 불가능하고, 번역 불가능하며, 스크린 리더에 보이지 않는다.

Individual skills in this repo

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

cbrock84/interface-craft

Raises the visual and interaction quality of an interface — layout, hierarchy, type, spacing, density, and the details that separate a considered product from a generic one. Use this when a screen works but looks unfinished or default, when a layout feels crowded or arbitrary, when a page has no clear focal point, or when an interface needs to feel trustworthy rather than merely functional.

cbrock84/org-design

Designs how an organization is structured — reporting lines, team boundaries, spans and layers, role definition, and workforce planning against the strategy. Use this to structure a new team, restructure an existing one, resolve unclear ownership between teams, plan headcount, or diagnose why a team underperforms for structural rather than individual reasons.

cbrock84/portfolio-governance

Governs the portfolio of work — intake, prioritization, stage gates, resource contention, and stopping things. Use this to set up intake and prioritization, run a stage gate, decide between competing initiatives, resolve resource contention across projects, or work out why everything is in flight and nothing is finishing.

cbrock84/product-launch

Takes something built and gets it into the market — tiering the launch to match what it actually warrants, sequencing internal readiness before external announcement, preparing sales and support to answer the questions it creates, choosing the date for a reason, and measuring adoption rather than announcement reach. Use this to plan a launch, right-size one that is consuming more than it deserves, work out why a released feature nobody uses was launched loudly, or run the weeks after launch day.

cbrock84/program-management

Plans and drives cross-functional programs to delivery — scope, sequencing, dependencies, status, risk, and the escalations that keep work moving. Use this to run a multi-team initiative, recover a program that is slipping, build a delivery plan with dependencies, structure status reporting, or diagnose why cross-team work keeps missing dates.

cbrock84/project-delivery

Plans and delivers a single project — scope, estimation, scheduling, critical path, tracking, and recovering when it slips. Use this to plan a project, build or challenge a schedule, estimate credibly, track progress meaningfully, or recover a project that is late.

cbrock84/retention

Diagnoses and reduces churn — cancellation flows, save offers, failed-payment recovery, at-risk detection, and the product and service causes underneath. Use this when churn is rising or unexplained, to design a cancellation or win-back flow, to recover involuntary churn, to identify at-risk accounts before they leave, or to decide whether a retention problem is a product problem.

cbrock84/sales-enablement

Builds what a sales team needs to sell — pitch decks, one-pagers, objection handling, competitive battlecards, demo scripts, and case studies. Use this to create or fix sales collateral, prepare for a competitive deal, build a demo flow, document objection responses, or diagnose why a pitch is not converting.

cbrock84/tax

Structures the tax questions a growing business faces — corporate income, sales and use, payroll, nexus, and the obligations created by hiring or selling somewhere new. Use this to work out what a new state or country obligates you to, prepare for a tax filing or audit, understand sales tax on your product, or check what a remote hire or new market triggers.

cbrock84/unit-economics

Establishes whether the business makes money on each customer or unit — contribution margin, acquisition cost, payback period, lifetime value, and the cohort behavior underneath. Use this to assess whether growth is profitable, evaluate a channel or segment, support a pricing decision, judge how fast the business can afford to grow, or diagnose why revenue growth is not producing profit.

cbrock84/video-content

Plans and scripts short-form and long-form video, and designs the packaging — titles, thumbnails, and openings — that determines whether it gets watched. Use this to script a video, plan a series, fix retention or click-through problems, design thumbnail and title concepts, or turn written content into video. For a YouTube channel specifically — idea selection, retention teardowns, and channel-level strategy — use `youtube-producer`.

관련 스킬