baoyu-skills

baoyu-skills
영어 | 中文

Baoyu가 AI Agent(Claude Code, Codex 등)로 일상 업무 효율을 높이기 위해 공유하는 스킬 모음입니다.

사전 요구사항

Node.js 환경 설치됨
npx bun 명령 실행 가능

설치

팁: 이 저장소에는 20개 이상의 스킬이 포함되어 있습니다. 실제로 필요한 것만 설치하세요. 모든 스킬을 일괄 설치하면 AI agent가 매 실행마다 불필요한 컨텍스트 오버헤드를 추가로 부담하게 됩니다.

빠른 설치 (권장)
npx skills add jimliu/baoyu-skills
Codex 프로젝트 레벨 설치
한 프로젝트에서 일부 스킬만 필요하다면 전체 플러그인을 설치할 필요가 없습니다. Codex는 프로젝트 내부의 .agents/skills를 스캔하므로, 필요한 각 스킬을 전체 디렉터리로 복사하거나 심볼릭 링크하면 됩니다:

<project>/.agents/skills/baoyu-cover-image/SKILL.md
<project>/.agents/skills/baoyu-article-illustrator/SKILL.md
<project>/.agents/skills/baoyu-post-to-wechat/SKILL.md

WeChat Official Account 글 워크플로우의 경우, 일반적인 최소 구성은 다음과 같습니다:

baoyu-cover-image
baoyu-article-illustrator
baoyu-post-to-wechat

baoyu-markdown-to-html을 별도로 설치할 필요는 없습니다. baoyu-post-to-wechat에는 이미 Markdown을 WeChat용 HTML로 변환하는 흐름이 포함되어 있습니다. 원시 텍스트나 초안을 제목, 요약, 헤딩, 굵은 텍스트, 목록 등이 포함된 구조화된 Markdown 글로 먼저 변환해야 하는 경우에만 baoyu-format-markdown을 설치하세요.

WeChat API 자격 증명은 원하는 범위에 따라 배치하세요:

사용자 레벨: ~/.baoyu-skills/.env
프로젝트 레벨: <project>/.baoyu-skills/.env

프로젝트 레벨 .env 파일은 자격 증명이 현재 프로젝트에만 적용되어야 할 때 유용합니다. Git에 커밋하지 마세요.

ClawHub / OpenClaw에 게시
이 저장소는 이제 각 skills/baoyu-* 디렉터리를 개별 ClawHub 스킬로 게시하는 것을 지원합니다.

# 게시될 내용 미리보기
./scripts/sync-clawhub.sh --dry-run

# ./skills에서 변경된 모든 스킬 게시
./scripts/sync-clawhub.sh --all
ClawHub는 스킬을 하나의 마켓플레이스 번들이 아니라 개별적으로 설치합니다. 게시 후 사용자는 다음과 같이 특정 스킬을 설치할 수 있습니다:

clawhub install baoyu-image-gen
clawhub install baoyu-markdown-to-html
ClawHub에 게시하면 ClawHub의 레지스트리 규칙에 따라 게시된 스킬이 MIT-0 라이선스로 공개됩니다.

플러그인 마켓플레이스로 등록
Agent에서 다음 명령을 실행하세요:

/plugin marketplace add JimLiu/baoyu-skills
스킬 설치
옵션 1: Browse UI 사용

Browse and install plugins 선택
baoyu-skills 선택
baoyu-skills 플러그인 선택
Install now 선택

옵션 2: 직접 설치

# 마켓플레이스의 단일 플러그인 설치
/plugin install baoyu-skills@baoyu-skills
옵션 3: Agent에게 요청

Agent에게 다음과 같이 말하기만 하면 됩니다:

Please install Skills from github.com/JimLiu/baoyu-skills

사용 가능한 플러그인
마켓플레이스는 이제 각 스킬이 정확히 한 번만 등록되도록 단일 플러그인을 노출합니다.

플러그인
설명
포함 내용

baoyu-skills
일상 업무 효율을 위한 콘텐츠 생성, AI 백엔드, 유틸리티 도구
이 저장소의 모든 스킬로, 아래에서 Content Skills, AI Generation Skills, Utility Skills로 분류됨

스킬 업데이트
스킬을 최신 버전으로 업데이트하려면:

Agent에서 /plugin 실행
Marketplaces 탭으로 전환 (방향키 또는 Tab 사용)
baoyu-skills 선택
Update marketplace 선택

Enable auto-update를 선택하면 최신 버전을 자동으로 받을 수도 있습니다.

사용 가능한 스킬
스킬은 세 가지 카테고리로 분류됩니다:

추천 디자인 스킬: baoyu-design
디자인 중심의 Agent Skill을 원한다면 JimLiu/baoyu-design을 확인하세요. 이는 Cursor, Claude Code, Codex, Claude Desktop 또는 파일 작업이 가능한 모든 코딩 agent에서 Claude Design을 로컬로 실행하는 별도 프로젝트로, 세련된 UI 목업, 인터랙티브 프로토타입, 와이어프레임, 랜딩 페이지, 대시보드, 모바일 앱, 슬라이드 덱을 자체 포함 HTML로 생성합니다.

npx skills add JimLiu/baoyu-design
Content Skills
콘텐츠 생성 및 게시 스킬.

baoyu-xhs-images
Xiaohongshu 이미지 카드 시리즈 생성기. 콘텐츠를 Style × Layout 시스템과 선택적 팔레트 오버라이드를 사용해 1-10개의 카툰 스타일 이미지 카드로 분해합니다.

# 스타일과 레이아웃 자동 선택
/baoyu-xhs-images posts/ai-future/article.md

# 스타일 지정
/baoyu-xhs-images posts/ai-future/article.md --style notion

# 레이아웃 지정
/baoyu-xhs-images posts/ai-future/article.md --layout dense

# 스타일과 레이아웃 조합
/baoyu-xhs-images posts/ai-future/article.md --style notion --layout list

# 팔레트 오버라이드
/baoyu-xhs-images posts/ai-future/article.md --style notion --palette macaron

# 콘텐츠 직접 입력
/baoyu-xhs-images 今日星座运势

# 비대화형 (모든 확인 건너뛰기, 예약 작업용)
/baoyu-xhs-images posts/ai-future/article.md --yes
/baoyu-xhs-images posts/ai-future/article.md --yes --preset knowledge-card
스타일 (시각적 미학): cute (기본), fresh, warm, bold, minimal, retro, pop, notion, chalkboard, study-notes, screen-print, sketch-notes

팔레트 (선택적 색상 오버라이드): macaron, warm, neon

스타일 미리보기:

cute
fresh
warm

bold
minimal
retro

pop
notion
chalkboard

레이아웃 (정보 밀도):

레이아웃
밀도
적합한 용도

sparse
1-2개 항목
표지, 인용구

balanced
3-4개 항목
일반 콘텐츠

dense
5-8개 항목
지식 카드, 치트 시트

list
4-7개 항목
체크리스트, 순위

comparison
2개 측면
전후, 장단점

flow
3-6개 단계
프로세스, 타임라인

레이아웃 미리보기:

sparse
balanced
dense

list
comparison
flow

baoyu-infographic
21가지 레이아웃 유형과 21가지 시각 스타일로 전문 인포그래픽을 생성합니다. 콘텐츠를 분석하고 레이아웃×스타일 조합을 추천하며, 게시 준비가 된 인포그래픽을 생성합니다.

# 콘텐츠 기반 조합 자동 추천
/baoyu-infographic path/to/content.md

# 레이아웃 지정
/baoyu-infographic path/to/content.md --layout pyramid

# 스타일 지정 (기본: craft-handmade)
/baoyu-infographic path/to/content.md --style technical-schematic

# 둘 다 지정
/baoyu-infographic path/to/content.md --layout funnel --style corporate-memphis

# 종횡비 지정 (명명된 프리셋 또는 사용자 지정 W:H)
/baoyu-infographic path/to/content.md --aspect portrait
/baoyu-infographic path/to/content.md --aspect 3:4
옵션:

옵션
설명

--layout <name>
정보 레이아웃 (20가지 옵션)

--style <name>
시각 스타일 (17가지 옵션, 기본: craft-handmade)

--aspect <ratio>
명명: landscape (16:9), portrait (9:16), square (1:1). 사용자 지정: 임의의 W:H 비율 (예: 3:4, 4:3, 2.35:1)

--lang <code>
출력 언어 (en, zh, ja 등)

레이아웃 (정보 구조):

레이아웃
적합한 용도

bridge
문제-해결, 격차 해소

circular-flow
순환, 반복 프로세스

comparison-table
다요인 비교

do-dont
올바른 vs 잘못된 관행

equation
공식 분해, 입력-출력

feature-list
제품 기능, 불릿 포인트

fishbone
근본 원인 분석

funnel
전환 프로세스, 필터링

grid-cards
여러 주제, 개요

iceberg
표면 vs 숨겨진 측면

journey-path
고객 여정, 마일스톤

layers-stack
기술 스택, 계층

mind-map
브레인스토밍, 아이디어 매핑

nested-circles
영향력 수준, 범위

priority-quadrants
아이젠하워 매트릭스, 2x2

pyramid
계층, 매슬로우 욕구

scale-balance
장점 vs 단점, 저울질

timeline-horizontal
역사, 연대순 사건

tree-hierarchy
조직도, 분류 체계

venn
중첩 개념

레이아웃 미리보기:

bridge
circular-flow
comparison-table

do-dont
equation
feature-list

fishbone
funnel
grid-cards

iceberg
journey-path
layers-stack

mind-map
nested-circles
priority-quadrants

pyramid
scale-balance
timeline-horizontal

tree-hierarchy
venn

스타일 (시각적 미학):

스타일
설명

craft-handmade (기본)
손그림 일러스트, 종이 공예 미학

claymation
3D 점토 인형, 장난스러운 스톱모션

kawaii
일본식 귀여움, 큰 눈, 파스텔 색상

storybook-watercolor
부드러운 수채화 일러스트, 환상적

chalkboard
검은 칠판 위의 다채로운 분필

cyberpunk-neon
어두운 배경의 네온 글로우, 미래적

bold-graphic
코믹 스타일, 하프톤 도트, 높은 대비

aged-academia
빈티지 과학, 세피아 스케치

corporate-memphis
플랫 벡터 인물, 생생한 채색

technical-schematic
청사진, 아이소메트릭 3D, 엔지니어링

origami
접힌 종이 형태, 기하학적

pixel-art
레트로 8비트, 향수를 불러일으키는 게이밍

ui-wireframe
회색조 박스, 인터페이스 목업

subway-map
교통 다이어그램, 컬러 라인

ikea-manual
미니멀 라인 아트, 조립 스타일

knolling
정돈된 플랫레이, 탑다운

lego-brick
장난감 블록 조립, 장난스러운

스타일 미리보기:

craft-handmade
claymation
kawaii

storybook-watercolor
chalkboard
cyberpunk-neon

bold-graphic
aged-academia
corporate-memphis

technical-schematic
origami
pixel-art

ui-wireframe
subway-map
ikea-manual

knolling
lego-brick

baoyu-diagram
소스 자료로부터 게시 준비가 된 SVG 다이어그램을 생성합니다 — 플로우차트, 시퀀스/프로토콜 다이어그램, 구조/아키텍처 다이어그램, 직관을 위한 설명형 다이어그램. 입력 자료를 분석해 다이어그램 유형과 분할 전략을 추천하고, 계획을 한 번 확인한 뒤 모든 다이어그램을 생성합니다. Claude는 일관된 디자인 시스템을 따라 실제 SVG 코드를 직접 작성합니다. 출력물은 스타일이 내장되고 다크 모드가 자동 적용되는 자체 포함 .svg 파일입니다.

# 주제 문자열 — 스킬이 분석하고 계획을 제안
/baoyu-diagram " how JWT authentication works "
/baoyu-diagram " Kubernetes architecture " --type structural
/baoyu-diagram " OAuth 2.0 flow " --type sequence

# 파일 경로 — 스킬이 읽고, 분석하고, 계획을 제안
/baoyu-diagram path/to/article.md

# 언어와 출력 경로
/baoyu-diagram " 微服务架构 " --lang zh
/baoyu-diagram " build pipeline " --out docs/build-pipeline.svg
옵션:

옵션
설명

--type <name>
flowchart, sequence, structural, illustrative, class, auto (기본). 유형 추천을 건너뜁니다.

--lang <code>
출력 언어 (en, zh, ja, ...)

--out <path>
출력 파일 경로. 가장 중요한 측면에 초점을 맞춘 다이어그램 하나만 생성합니다.

다이어그램 유형:

유형
독자의 요구
이를 유발하는 동사

flowchart
단계를 순서대로 안내해 줘
walk through, steps, process, lifecycle, workflow, state machine

sequence
누가 누구와 어떤 순서로 대화하는지
protocol, handshake, auth flow, OAuth, TCP, request/response

structural
무엇이 무엇 안에 있는지, 어떻게 구성되어 있는지 보여 줘
architecture, components, topology, layout, what's inside

illustrative
직관을 줘 — 메커니즘을 그려 줘
how does X work, explain X, intuition for, why does X do Y

class
타입은 무엇이고 어떻게 관련되어 있는지
class diagram, UML, inheritance, interface, schema

이미지 생성 스킬이 아닙니다 — LLM 이미지 모델을 호출하지 않습니다. Claude가 손으로 계산한 레이아웃 수학으로 SVG를 직접 작성하므로 모든 다이어그램이 디자인 시스템을 따릅니다. @media (prefers-color-scheme: dark)가 포함된 내장 <style> 블록 덕분에 동일한 파일이 어디에 임베드되든 라이트 모드와 다크 모드 모두에서 올바르게 렌더링됩니다.

baoyu-cover-image
Type × Palette × Rendering × Text × Mood의 5가지 차원으로 글의 커버 이미지를 생성합니다. 11가지 색상 팔레트와 7가지 렌더링 스타일을 결합해 77가지 고유 조합을 만듭니다.

# 콘텐츠 기반 모든 차원 자동 선택
/baoyu-cover-image path/to/article.md

# 빠른 모드: 확인 건너뛰고 자동 선택 사용
/baoyu-cover-image path/to/article.md --quick

# 차원 지정 (5D 시스템)
/baoyu-cover-image path/to/article.md --type conceptual --palette cool --rendering digital
/baoyu-cover-image path/to/article.md --text title-subtitle --mood bold

# 스타일 프리셋 (하위 호환 약칭)
/baoyu-cover-image path/to/article.md --style blueprint

# 종횡비 지정 (기본: 16:9)
/baoyu-cover-image path/to/article.md --aspect 2.35:1

# 시각 요소만 (제목 텍스트 없음)
/baoyu-cover-image path/to/article.md --no-title
다섯 가지 차원:

Type: hero, conceptual, typography, metaphor, scene, minimal
Palette: warm, elegant, cool, dark, earth, vivid, pastel, mono, retro, duotone, macaron
Rendering: flat-vect…