Baoyu Infographic작성자 Jim Liu (Baoyu)

Baoyu Infographic 스킬.

모든 주제에 같은 그리드가 필요한 것은 아닙니다. 콘텐츠에 맞는 비교, 위계, 프로세스 또는 개요 레이아웃을 선택하세요.

인포그래픽
정보 디자인

소스 검토 · Baoyu InfographicSKILL.md

작업 인포그래픽 산출물 • 소스에서 도출한 레이블과 데이터가 담긴 구조화된 콘텐츠 계획 • 저장된 프롬프트와 함께 선택한 레이아웃·스타일 조합 • 선택한 화면 비율로 생성된 인포그래픽 이미지 시작하기 전에 사용 가능한 래스터 이미지 백엔드와 레이아웃, 스타일, 구성 참고 자료가 필요합니다.

편집 요약 · 소스 검토일 2026-10-07 · 생성된 예시가 아님

01 기능 소개

정보에 맞는 인포그래픽 레이아웃 고르기

레이아웃과 스타일을 독립적으로 선택하고 구조화된 콘텐츠 기록을 남기는 인포그래픽 기획 및 래스터 생성 워크플로입니다.

소스 기반 워크플로실행 벤치마크 아님

작업 방식

Baoyu Infographic는 레이아웃과 시각 스타일을 분리합니다. 소스는 비교, 순환, 위계, 여정, 공간 관계, 정보 밀도가 높은 가이드를 위한 구조를 제공하고, 여기에 렌더링 방향을 짝지웁니다. 이미지를 생성하기 전에 학습 목표, 섹션, 레이블, 소스 데이터가 담긴 구조화된 콘텐츠를 만듭니다.

최종 결과물은 저장된 프롬프트 및 분석 기록과 함께 생성된 래스터 인포그래픽입니다. 시각 요약에 유용하지만, 빽빽한 텍스트와 숫자는 여전히 검수 위험으로 남습니다. 프롬프트가 충실하다고 해서 이미지가 충실하다는 뜻은 아닙니다. 소스는 비트맵 텍스트를 몰래 교체하지 말고 수정된 프롬프트나 텍스트가 적은 레이아웃으로 바로잡도록 안내합니다.

예상 산출물

소스에서 도출한 레이블과 데이터가 담긴 구조화된 콘텐츠 계획
저장된 프롬프트와 함께 선택한 레이아웃·스타일 조합
선택한 화면 비율로 생성된 인포그래픽 이미지

예시 브리프 보기

브리프에서 검토까지

01
사실 구조화
학습 목표를 파악하고, 뒷받침되지 않는 정보를 더하지 않은 채 제공된 값, 용어, 관계를 그대로 보존합니다.
02
시각 형식 선택
데이터 구조에 맞는 레이아웃을 비교한 뒤 호환되는 스타일, 화면 비율, 언어를 선택합니다.
03
렌더링 및 대조
저장된 프롬프트로 이미지를 생성하고, 이미지를 받아들이기 전에 모든 중요한 레이블과 값을 구조화된 소스와 대조합니다.

02 활용 상황

사용 시점

사용 가능한 래스터 이미지 백엔드와 레이아웃, 스타일, 구성 참고 자료가 필요합니다.

적합한 경우

시각 요약프로세스, 비교 또는 개념 프레임워크를 그 자체로 완결되게 설명할 때 유용합니다.
데이터가 풍부한 가이드의도한 표시 크기에서 텍스트와 레이블을 감당할 수 있다면, 의도적으로 밀도를 높인 레이아웃에 적합합니다.

확인할 한계

편집 가능한 데이터 차트가 아님출력물은 래스터 이미지이며, 스프레드시트와 연결된 차트나 편집 가능한 벡터 요소가 아닙니다.
생성이 데이터를 검증하지는 않음소스 값이 신뢰할 수 있어야 하며, 렌더링된 이미지도 값을 하나씩 확인해야 합니다.

준비할 입력

승인된 콘텐츠이미지에 들어갈 수 있는 정확한 사실, 레이블, 숫자를 제공하세요.
읽기 목표그래픽을 본 뒤 독자가 무엇을 이해해야 하는지 설명하세요.
표시 환경화면 비율, 언어, 인포그래픽을 읽게 될 크기를 지정하세요.

03 핵심 결정

핵심 결정

레이아웃은 관계를 따릅니다
순환, 위계, 비교는 서로 바꿀 수 있는 카드 형태로 억지로 맞추지 않고 각각 다른 구조를 갖습니다.
구조화된 중간 콘텐츠
콘텐츠 계획은 이미지 모델이 실제로 무엇을 렌더링했는지 확인하는 구체적인 기준이 됩니다.

04 예시 브리프

집중 브리프로 시도하기

아래 예시 브리프는 테스트되지 않았습니다. 사용하기 전에 스킬의 설정을 확인하세요.

설정 검토

전체 참고 자료를 유지하고 사용 가능한 이미지 백엔드를 구성하세요. 생성 결과는 소스 데이터와 대조해 확인해야 합니다.

업스트림 소스 파일

https://github.com/JimLiu/baoyu-skills/blob/1567581c26ec29f4216c6e6835415bf30343b0e3/skills/baoyu-infographic/SKILL.md

사용 가능한 래스터 이미지 백엔드와 레이아웃, 스타일, 구성 참고 자료가 필요합니다.

하나의 산출물로 시작하기

스킬을 실행하기 전에 이 브리프의 범위, 소스 자료, 제약 조건을 상황에 맞게 조정하세요.

예시 브리프

baoyu-infographic를 사용해 제공된 3단계 온보딩 프로세스를 설명하세요. 모든 단계 이름과 개수를 정확히 보존하고, 적합한 레이아웃·스타일 조합 두 가지를 제안한 뒤 확인을 기다리세요. 구조화된 콘텐츠와 최종 프롬프트를 저장한 다음, 생성된 이미지에서 누락된 단계, 바뀐 숫자, 읽을 수 없는 레이블이 있는지 검사하세요. 새로운 통계를 추가하지 마세요.

결과 점검

실제 출력물을 다음 관찰 가능한 기준과 비교해 확인하세요.

선택한 레이아웃이 의도한 관계를 전달합니다.
렌더링된 레이블과 값이 승인된 소스와 일치합니다.
인포그래픽이 의도한 표시 크기에서도 읽기 쉽습니다.

OpenDesign은 코딩 에이전트를 위한 로컬 디자인 워크스페이스를 제공합니다. 이 목록은 스킬이 번들로 포함되어 있거나 외부 도구, 자격 증명, 소프트웨어 종속성이 함께 제공된다는 의미가 아닙니다.

OpenDesign 다운로드 빠른 시작 읽기

05 출처 및 라이선스

소스 및 라이선스

이 페이지는 아래에 링크된 고정된 소스 리비전을 설명합니다. 업스트림의 동작과 요구 사항은 변경될 수 있습니다.

소스 소유자: Jim Liu (Baoyu)
저장소: JimLiu/baoyu-skills
스킬 파일: skills/baoyu-infographic/SKILL.md
라이선스: MIT
검토한 스냅샷: 2026-10-07 · 1567581c26ec

편집 소스 요약

레이아웃과 스타일을 독립적으로 선택하고 구조화된 콘텐츠 기록을 남기는 인포그래픽 기획 및 래스터 생성 워크플로입니다.

링크된 소스를 바탕으로 OpenDesign이 직접 작성한 요약입니다. 저장소 스타는 특정 시점의 인기 지표일 뿐 스킬 사용량이나 품질 점수가 아닙니다.

06 시작 전 질문

시작 전 질문

레이아웃과 스타일을 독립적으로 선택할 수 있나요?

네. 이러한 분리가 소스의 핵심 구성 원칙이며, 실제 호환성과 가독성이 전제됩니다.

출력물이 SVG인가요?

아니요. 이 워크플로는 인포그래픽 이미지를 렌더링합니다. Baoyu Diagram는 SVG 중심의 별도 워크플로입니다.

콘텐츠가 너무 빽빽하면 어떻게 하나요?

생성이 끝났다는 이유만으로 읽을 수 없는 레이블을 받아들이지 말고, 이미지 속 텍스트를 줄이거나 레이아웃을 바꾸거나 설명을 나누세요.

OpenDesign

다음 디자인 반복을 위한 공간을 마련하세요.

브리프, 소스 자료, 디자인 작업을 로컬 워크스페이스에 함께 보관하세요. 워크플로에 추가하기 전에 스킬 자체의 설정을 확인하세요.

OpenDesign 다운로드 디자인 스킬 둘러보기