My Skills Hub

Claude Code를 위한 커스텀 스킬 모음입니다. 개발 생산성을 높이기 위한 다양한 자동화 스킬들을 제공합니다.

🎴 카드로 배우는 개발 학습 플랫폼

프로그래밍 언어와 프레임워크를 카드 뉴스 형태로 쉽게 배우세요!
Flutter React TypeScript JavaScript Python Dart

빠른 설치

스킬 이름	한줄 설명	마켓 설치 명령어
Flutter Init	Flutter 프로젝트를 Clean Architecture로 자동 생성	`/plugin marketplace install suji-father-marketplace@flutter-init`
Next.js 15 Init	Next.js 15 프로젝트를 App Router로 자동 생성	`/plugin marketplace install suji-father-marketplace@nextjs15-init`
Code Changelog	AI 코드 변경사항을 자동 문서화하고 웹에서 실시간 확인	`/plugin marketplace install suji-father-marketplace@code-changelog`
Codex	OpenAI Codex CLI로 코드 분석, 리팩토링, 자동 편집	`/plugin marketplace install suji-father-marketplace@codex`
Codex-Claude Loop	Claude + Codex 이중 AI 엔지니어링 루프로 최고 품질 보장	`/plugin marketplace install suji-father-marketplace@codex-claude-loop`
Meta Prompt Generator	구조화된 커스텀 슬래시 커맨드를 자동 생성	`/plugin marketplace install suji-father-marketplace@meta-prompt-generator`
Prompt Enhancer	프로젝트 컨텍스트 분석으로 간단한 요청을 상세 요구사항으로 변환	`/plugin marketplace install suji-father-marketplace@prompt-enhancer`
Web to Markdown	웹페이지를 마크다운으로 변환 (일반/AI 최적화/듀얼 모드)	`/plugin marketplace install suji-father-marketplace@web-to-markdown`
Card News Generator	600x600 인스타그램 스타일 카드 뉴스 시리즈 자동 생성	`/plugin marketplace install suji-father-marketplace@card-news-generator`
Card News Generator V2	배경 이미지 지원 카드 뉴스 생성기 (고급 기능)	`/plugin marketplace install suji-father-marketplace@card-news-generator-v2`
Landing Page Guide V2	아름다운 디자인 + 높은 전환율 랜딩페이지 제작 가이드	`/plugin marketplace install suji-father-marketplace@landing-page-guide-v2`
Code Prompt Coach	Claude Code 세션 로그 분석으로 프롬프트 품질 향상	`/plugin marketplace install suji-father-marketplace@code-prompt-coach`
Codex-Claude-Cursor Loop	Claude + Codex + Cursor 3중 AI 엔지니어링 루프	`/plugin marketplace install suji-father-marketplace@codex-claude-cursor-loop`
Midjourney Card News BG	카드 뉴스용 Midjourney 배경 이미지 프롬프트 생성	`/plugin marketplace install suji-father-marketplace@midjourney-cardnews-bg`
Workthrough	모든 개발 및 수정 작업을 자동으로 문서화하여 워크스루 형식으로 저장	`/plugin marketplace install suji-father-marketplace@workthrough`
Workthrough V2	워크스루 문서화 + VitePress 빌드로 5173 포트에서 문서 서비스 제공	`/plugin marketplace install suji-father-marketplace@workthrough-v2`
Gemini Logo Remover	OpenCV inpainting으로 Gemini 로고/워터마크 제거	`/plugin marketplace install suji-father-marketplace@gemini-logo-remover`
Design Prompt Generator V2	AI 웹 개발 도구용 7단계 계층적 디자인 프롬프트 생성기	`/plugin marketplace install suji-father-marketplace@design-prompt-generator-v2`
Web Search	DuckDuckGo 기반 텍스트/뉴스/이미지 검색 (지역/기간 필터 지원)	`/plugin marketplace install suji-father-marketplace@web-search`

마켓플레이스 추가

/plugin marketplace add bear2u/claude-plugins

스킬 목록

1. Code Changelog

AI가 생성한 모든 코드 변경사항을 자동으로 문서화하고 웹 브라우저에서 실시간으로 확인할 수 있는 스킬입니다.

주요 기능:

자동 문서 생성 (Markdown)
HTML 뷰어 (설치 불필요, Python 서버)
다크 모드 UI (GitHub 스타일)
실시간 서버 (http://localhost:4000)

사용 시나리오:

코드 리뷰 문서 자동 생성
변경 이력 추적
팀원과 변경사항 공유

2. Meta Prompt Generator

간단한 설명을 받아 단계별 병렬 처리가 가능한 구조화된 커스텀 슬래시 커맨드를 자동으로 생성합니다.

주요 기능:

지능형 지식 수집 (웹 검색)
단계 기반 워크플로우 설계
포괄적인 테스트 생성
병렬 처리 최적화

사용 시나리오:

복잡한 프로젝트 워크플로우 자동화
재사용 가능한 슬래시 커맨드 생성
체계적인 테스트 스위트 작성

3. Prompt Enhancer

프로젝트 컨텍스트를 분석하여 간단한 개발 요청을 명확하고 상세한 요구사항으로 변환합니다.

주요 기능:

프로젝트 구조 자동 분석
기존 패턴 인식
구조화된 요구사항 생성
프레임워크별 최적화

사용 시나리오:

"로그인 기능 만들어줘" → 상세한 구현 요구사항
Clean Architecture 기반 설계 제안
프로젝트 컨벤션 자동 적용

지원 스택:

Flutter (Clean Architecture, Riverpod)
Next.js/React (App Router, Zustand)
Python (Django, FastAPI)

4. Flutter Init

도메인 기반 Flutter 프로젝트를 Clean Architecture로 자동 생성합니다.

주요 기능:

도메인 선택 (Todo/Habit/Note/Expense/Custom)
스택 프리셋 (Minimal/Essential/Full Stack/Custom)
Clean Architecture 자동 생성
Riverpod 3.0, Drift, Freezed 설정

기술 스택:

Riverpod 3.x (상태 관리)
Drift (로컬 데이터베이스)
Freezed (불변 모델)
Easy Localization (다국어)
FluentUI Icons

사용 시나리오:

새로운 Flutter 앱 빠른 시작
Clean Architecture 보일러플레이트
도메인 중심 설계

5. Next.js 15 Init

도메인 기반 Next.js 15 프로젝트를 App Router로 자동 생성합니다.

주요 기능:

도메인 선택 (Todo/Blog/Dashboard/E-commerce/Custom)
스택 프리셋 (Minimal/Essential/Full Stack/Custom)
App Router 기반 구조
TypeScript Strict Mode

기술 스택:

Next.js 15 (App Router)
ShadCN/ui (UI 컴포넌트)
Zustand (클라이언트 상태)
Tanstack Query (서버 상태)
Drizzle ORM (TypeScript ORM)
Better Auth (인증)

사용 시나리오:

새로운 Next.js 앱 빠른 시작
타입 안전한 풀스택 앱
도메인 중심 설계

6. Codex

OpenAI Codex CLI를 사용하여 코드 분석, 리팩토링, 자동화된 편집을 수행합니다.

주요 기능:

대화형 모델 및 추론 레벨 선택 (gpt-5, gpt-5-codex)
샌드박스 모드 (read-only, workspace-write, danger-full-access)
세션 재개 기능 (codex exec resume --last)
자동화된 코드 편집 (--full-auto)

사용 시나리오:

코드 리뷰 및 분석
대규모 리팩토링 자동화
코드베이스 전체 수정 작업
이전 세션 이어서 작업

샌드박스 모드:

read-only: 코드 분석 전용 (읽기만)
workspace-write: 로컬 파일 수정
danger-full-access: 네트워크 접근 포함 전체 권한

6-1. Codex-Claude Loop 🔄

Claude Code와 Codex를 결합한 이중 AI 엔지니어링 루프로 최상의 코드 품질을 보장합니다.

핵심 워크플로우:

Claude (계획 + 구현) → Codex (검증) → 피드백 → Claude (수정) → Codex (재검증) → 반복
Claude가 모든 코드 작성, Codex가 모든 검증 담당
자체 수정 시스템으로 고품질 엔지니어링

주요 기능:

계획 단계: Claude가 아키텍처와 구현 계획 수립
검증 단계: Codex가 계획의 로직 에러, 보안 취약점 검토
구현 단계: Claude가 검증된 계획으로 코드 작성 (Edit/Write 도구 사용)
코드 리뷰: Codex가 구현된 코드의 버그, 성능, 보안 검증
수정 반영: Claude가 Codex 피드백 기반으로 코드 수정
재검증: Codex가 수정사항 확인

언제 사용하나요:

✅ 복잡한 기능 개발 (여러 단계)
✅ 보안/성능이 중요한 작업
✅ 대규모 리팩토링
✅ 높은 코드 품질이 필요할 때
❌ 간단한 일회성 수정 (과함)
❌ 프로토타입/실험 코드 (과함)

실전 예시:

# 1. Claude가 OAuth 2.0 로그인 계획 수립
# 2. Codex로 계획 검증
echo "Review this plan..." | codex exec -m gpt-5-codex --config model_reasoning_effort="high" --sandbox read-only

# 3. Claude가 검증된 계획으로 구현 (Edit/Write 도구 사용)
# 4. Codex가 구현된 코드 리뷰
echo "Review implementation..." | codex exec --sandbox read-only

# 5. Claude가 피드백 반영하여 코드 수정
# 6. Codex가 재검증
echo "Verify fixes..." | codex exec resume --last

역할 분담:

Claude: 모든 코드 작성 및 수정
Codex: 모든 검증 및 리뷰

명령어 레퍼런스:

계획 검증: codex exec -m gpt-5-codex --sandbox read-only
코드 리뷰: codex exec --sandbox read-only
재검증: codex exec resume --last (설정 자동 상속)

모델 선택 가이드:

gpt-5: 빠른 일반 작업
gpt-5-codex: 복잡한 코드 분석 (권장)

Reasoning Effort:

low: 간단한 검증
medium: 일반적인 작업 (권장)
high: 보안/critical 로직

7. Landing Page Guide V2 ⭐ UPDATED

독특하고 아름다운 디자인과 높은 전환율을 동시에 달성하는 랜딩페이지 제작 가이드

일반적인 AI 생성 템플릿을 벗어나 전환율과 브랜드 각인을 동시에 달성하는 랜딩페이지를 만드는 완전 가이드입니다.

핵심 철학:

💎 전환율 + 기억에 남는 브랜드: 일반적인 템플릿 같은 페이지는 전환도, 브랜드 각인도 실패합니다
🎯 의도적인 디자인: 모든 미적 선택은 의도적이어야 하며, 기본값이 아니어야 합니다
🚫 Generic AI 미학 탈피: Inter 폰트, 보라색 그라데이션, 예측 가능한 레이아웃 피하기

V2 주요 개선사항:

✨ Design Thinking First: 코딩 전 미적 방향성 정의 (미니멀, 맥시멀리스트, 레트로, 유기적 등 6가지 방향)
✨ Typography Excellence: 독특한 폰트 선택 가이드 (Space Grotesk, Clash Display 등 - Inter/Roboto 금지)
✨ Advanced Animation: Staggered reveals, parallax, scroll-triggered animations
✨ Spatial Composition: 비대칭, 오버랩, 대각선 흐름으로 예상 밖의 레이아웃 (grid-breaking)
✨ Rich Backgrounds: Gradient meshes, noise textures, geometric patterns, layered transparencies
✨ Component-Level Design Guide: 11가지 필수 요소 각각에 대한 디자인 우수성 기준과 예제

11가지 필수 요소 (전환율) + 디자인 우수성 (기억 각인):

✅ 키워드 URL (SEO 최적화)
✅ 로고 + 애니메이션 헤더 (스크롤 시 backdrop blur 전환)
✅ MASSIVE 타이포그래피 (4rem-6rem+, 그라데이션 텍스트, staggered animation)
✅ 독특한 CTA 디자인 (pill shapes, 마이크로 인터랙션, hover scale)
✅ 애니메이션된 소셜 프루프 (숫자 count-up effect, 5성급 리뷰, 통계)
✅ 깊이감 있는 미디어 (3D tilt, 그림자, 반사, parallax, 폰 mockup)
✅ 비대칭 레이아웃 (커스텀 아이콘, 그라데이션 배경, asymmetric grid)
✅ 독특한 카드 디자인 (커스텀 아바타, 그라데이션 테두리, glassmorphism)
✅ 부드러운 아코디언 (커스텀 chevron 회전, 스무스 expand/collapse)
✅ 드라마틱한 최종 CTA (전체 폭, 강력한 배경, urgency indicators)
✅ 세련된 멀티 컬럼 푸터 (소셜 아이콘 hover effects, 뉴스레터 signup)

기술 스택:

Next.js 15+ (App Router, RSC)
TypeScript (Strict Mode)
Tailwind CSS (완전 커스터마이징 - default config 탈피)
ShadCN UI (시작점, 반드시 heavy customization!)
Framer Motion (고급 애니메이션, optional)

Design System 구축:

CSS Variables로 색상/타이포그래피/spacing/animation 시스템 정의
독특한 Display Font (Space Grotesk, Clash Display, Cabinet Grotesk) + 세련된 Body Font (DM Sans, General Sans, Geist)
Dominant (60%) / Accent (10%) / Neutral (30%) 색상 팔레트
일관된 애니메이션 타이밍 (cubic-bezier easing) 및 stagger delays

구현 워크플로우:

Design Thinking First (코딩 전 필수!)
- 브랜드 personality 파악
- Aesthetic direction 선택 (minimalist/maximalist/retro/organic/editorial/brutalist)
- Typography, color palette, motion strategy 정의
Setup Design System (CSS variables in globals.css)
SEO Metadata (layout.tsx)
Component-by-Component (Header → Hero → Media → Benefits → Testimonials → FAQ → Final CTA → Footer)
Animations (Entrance, scroll-triggered, hover states)
Responsive Design (Mobile-first)
Performance & Accessibility

검증 체크리스트:

✅ 11가지 필수 요소 모두 포함
✅ 독특한 폰트 사용 (NOT Inter/Roboto)
✅ 독특한 색상 팔레트 (NOT 보라 그라데이션)
✅ 예상 밖의 레이아웃 (NOT 정중앙 대칭 그리드)
✅ Rich backgrounds (NOT 순백색)
✅ 애니메이션 (staggered, scroll-triggered)
✅ ShadCN heavily customized
✅ 접근성 (WCAG AA, 키보드 네비게이션, reduced motion)
✅ 성능 (Next.js Image, lazy loading, 폰트 최적화)

사용 시나리오:

🎨 일반 템플릿을 벗어나고 싶을 때
🚀 SaaS 제품 론칭 (Free trial CTA, feature comparison)
🛍️ 이커머스 제품 페이지 (Product images, urgency, return policy)
💼 서비스/에이전시 (Portfolio showcase, case studies)
🎫 이벤트/웨비나 (Countdown timer, speaker profiles)
📱 모바일 앱 소개 (App Store badges, 디바이스 mockup, 스크린샷)
💡 브랜드 차별화가 필수인 경우
⚡ 전환율 + 브랜드 각인 모두 중요한 경우

실전 예제:
모바일 앱 랜딩페이지 (이 레포의 landing-page-v2-test/ 폴더)

Modern & Sleek aesthetic
Space Grotesk + DM Sans
Purple-Blue gradient primary + Cyan accent
3개 phone mockups (CSS-only UI)
모든 11가지 필수 요소 구현
Staggered animations, scroll effects
완전 반응형 + 접근성

참고 자료:

8. Card News Generator

600x600 인스타그램 스타일 카드 뉴스 시리즈를 자동으로 생성합니다.

주요 기능:

주제와 색상만 입력하면 자동 생성
5-7장의 카드 시리즈 자동 제작
자동 텍스트 래핑 및 레이아웃
RGB to Hex 색상 변환
단일 카드/멀티 카드 모드

캔버스 사양:

크기: 600x600 픽셀 (인스타그램 최적화)
자동 텍스트 줄바꿈
번호 배지, 제목, 본문 계층 구조
다양한 색상 프리셋 제공

권장 색상:

베이지: 245,243,238
핑크: 255,229,229
민트: 224,244,241
라벤더: 232,224,245
피치: 255,232,214
스카이 블루: 227,242,253

사용 시나리오:

소셜 미디어 카드 뉴스 제작
인스타그램 콘텐츠 시리즈
정보 전달용 카드 이미지
교육/마케팅 콘텐츠

9. Card News Generator V2 🆕

배경 이미지를 지원하는 향상된 카드 뉴스 생성기입니다.

V2 새로운 기능:

✨ 배경 이미지 지원: 폴더의 이미지를 배경으로 자동 적용
✨ Cafe24Ssurround 폰트: 번들 폰트 포함, 별도 설치 불필요
✨ 반투명 박스 + 테두리: 텍스트 영역에 둥근 박스와 흰색 테두리
✨ 컴팩트 디자인: 정사각형에 가까운 중앙 정렬 박스
✨ 오버레이 조절: 텍스트 가독성을 위한 어두운 오버레이 (0.0-1.0)
✨ 자동 텍스트 색상: 배경 이미지 사용 시 흰색으로 자동 전환

기술 사양:

배경 이미지 자동 크롭 및 리사이징 (600x600)
지원 형식: JPG, JPEG, PNG, WebP, BMP
macOS/Linux 자동 폰트 감지
텍스트 박스 너비: 캔버스의 65% (양쪽 여백 확보)

사용 예시:

python auto_generator.py \
  --topic "서울 부동산" \
  --image-folder ./my-images \
  --overlay-opacity 0.6 \
  --output-dir ./output

사용 시나리오:

실제 사진을 배경으로 한 카드 뉴스
여행, 부동산, 음식 등 비주얼이 중요한 콘텐츠
전문적이고 세련된 디자인이 필요한 경우
배경 이미지로 브랜드 아이덴티티 강화

10. Web to Markdown 🌐

웹페이지 URL을 마크다운 형식으로 변환하여 저장하는 스킬입니다.

주요 기능:

3가지 변환 모드 지원
- 일반 모드: 읽기 좋은 마크다운 변환
- AI 최적화 모드: AI 컨텍스트용 구조화된 형태 (YAML 프론트매터, 핵심 요약 포함)
- 듀얼 모드: 원본 + AI 최적화 버전 2개 파일 동시 생성 ⭐
동적 콘텐츠 처리 ⭐ NEW
- WebFetch로 가져오지 못한 JavaScript 렌더링 페이지 자동 감지
- Playwright로 브라우저 실행하여 동적 콘텐츠 가져오기
- MCP Playwright 또는 Node Playwright 지원
여러 URL 일괄 변환
특정 섹션만 추출
마크다운 포맷 커스터마이징
WebFetch 자동 캐싱 (15분)

변환 모드:

# 일반 모드
웹페이지를 마크다운으로 변환해줘

# AI 최적화 모드
AI가 읽기 좋게 변환해줘
컨텍스트로 사용하기 좋게 변환해줘

# 듀얼 모드 (권장)
원본이랑 AI 최적화 버전 둘 다 만들어줘

AI 최적화 모드 특징:

YAML 프론트매터 (제목, URL, 주제, 핵심 요약 등)
구조화된 섹션 (핵심 요약, 주요 내용, 인사이트, 실용적 적용)
토큰 30-50% 절감
AI가 3초 안에 핵심 파악 가능

파일명 규칙:

원본: article.md
AI 최적화: article.context.md

사용 시나리오:

기술 문서 아카이빙
블로그 글 백업
학습 자료 구축
RAG 시스템용 데이터 준비
AI 에이전트 컨텍스트 자료 생성

사용 예시:

# 듀얼 모드
User: https://docs.python.org/3/tutorial 원본이랑 AI 최적화 버전 둘 다 만들어줘

Claude: 듀얼 모드로 변환하겠습니다.
- python-tutorial.md (원본 - 사람이 읽기 좋음)
- python-tutorial.context.md (AI 최적화 - 컨텍스트용)

# 동적 콘텐츠 (NEW)
User: https://www.codedeck.kr/card-news/xxx 마크다운으로 변환해줘

Claude: [WebFetch 시도]
        ⚠️ 내용이 거의 비어있네요. JavaScript 렌더링 페이지인 것 같습니다.
        Playwright로 재시도할까요?

User: Yes

Claude: ⏳ Playwright로 페이지 로딩...
        ✅ JavaScript 렌더링 완료
        ✅ 마크다운 변환 완료 (1,442줄)

11. Code Prompt Coach

Claude Code 세션 로그를 분석하여 프롬프트 품질을 향상시키고 AI 네이티브 엔지니어가 되도록 돕는 스킬입니다.

주요 기능:

8가지 분석 기능 통합 종합 리포트
프롬프트 품질 분석 (컨텍스트 인식)
토큰 사용량 및 비용 분석 (모델별 요금 적용)
도구 사용 패턴 (MCP 도구 포함)
세션 효율성 및 생산성 시간 패턴
파일 수정 히트맵
에러 및 복구 패턴 분석
프로젝트 전환 오버헤드 측정

분석 가능 항목:

✍️ 프롬프트 품질 개선
🛠️ 도구 사용 최적화
⚡ 효율성 향상
🕐 최적의 생산 시간대 파악
🔥 코드 핫스팟 식별
🔄 컨텍스트 전환 비용 절감
🐛 에러 패턴 학습

사용 시나리오:

# 종합 분석 (권장)
"Give me a general analysis of my Claude Code usage"

# 프로젝트별 분석
"Analyze my prompt quality for ~/workspaces/my-project"

# 특정 지표 분석
"How much have I spent on Claude Code this month?"
"When am I most productive?"
"What tools do I use most?"

특징:

로컬 로그만 분석 (~/.claude/projects/)
컨텍스트 인식 프롬프트 평가 (git commit, run tests 등 효율적 인식)
실제 청구 금액과 일치하는 토큰 중복 제거
모델별 요금 정확 계산 (Opus, Sonnet, Haiku)

12. Codex-Claude-Cursor Loop 🔄

Claude Code, Codex, Cursor Agent를 결합한 3중 AI 엔지니어링 루프로 최상의 코드 품질을 보장합니다.

핵심 워크플로우:

Claude (계획) → 아키텍처 및 구현 계획 수립
Codex (계획 검증) → 로직 에러, 보안 취약점 검토
Cursor (구현) → 검증된 계획으로 코드 작성
Codex (코드 리뷰) → 버그, 성능, 보안 검증
Claude (최종 리뷰) → 아키텍처 확인 및 최종 승인
반복 → 문제 발견 시 수정 후 재검증

역할 분담:

Claude Code: 모든 계획 및 아키텍처, 최종 승인
Codex: 모든 검증 및 리뷰 (계획 + 코드)
Cursor Agent: 모든 구현 및 코딩

언제 사용하나요:

✅ 복잡한 기능 개발 (여러 단계)
✅ 보안/성능이 중요한 작업
✅ 대규모 리팩토링
✅ 높은 코드 품질이 필요할 때
❌ 간단한 일회성 수정 (과함)

주요 명령어:

# 1. 계획 검증 (Codex)
echo "Review this plan..." | codex exec -m gpt-5-codex --config model_reasoning_effort="high" --sandbox read-only

# 2. 구현 (Cursor - 새 세션)
cursor-agent --model "composer-1" -p --force "Implement this plan..."

# 3. 구현 (Cursor - 세션 재개)
cursor-agent --resume="session-id" -p --force "Continue implementation..."

# 4. 코드 리뷰 (Codex)
echo "Review implementation..." | codex exec --sandbox read-only

# 5. 수정 (Cursor - 동일 세션)
cursor-agent --resume="session-id" -p --force "Fix these issues..."

사용 시나리오:

OAuth 2.0 로그인 구현
결제 시스템 통합
복잡한 상태 관리 로직
대규모 코드 리팩토링

13. Midjourney Card News BG

600x600 카드 뉴스용 배경 이미지를 위한 최적화된 Midjourney 프롬프트를 생성합니다.

주요 기능:

주제/스타일/분위기 기반 프롬프트 자동 생성
텍스트 오버레이에 최적화된 배경
다양한 스타일 변형 제공 (3-5가지)
1:1 비율 (600x600px) 최적화

스타일 카테고리:

비즈니스/테크: 클린 그라디언트, 블루/퍼플 톤
건강/웰니스: 소프트 파스텔, 그린/피치 톤
금융/투자: 볼드 그라디언트, 네이비/골드 톤
교육/학습: 친근한 컬러, 옐로우/오렌지 톤
음식/라이프스타일: 따뜻한 톤, 자연 텍스처
크리에이티브/아트: 대담한 패턴, 다채로운 컬러

프롬프트 구조:

[주제/장면 설명], [스타일 키워드], [색상 팔레트], [텍스처/분위기], [기술 사양] --ar 1:1 --v 6

사용 예시:

주제: 재테크 팁

1. 메인 추천:
elegant geometric patterns, premium professional style, navy and gold gradient, subtle texture with depth, sophisticated minimal design --ar 1:1 --v 6
→ 전문적이고 신뢰감 있는 금융 분위기

2. 대안 1:
friendly abstract shapes, approachable modern style, soft blue and mint colors, clean and inviting atmosphere --ar 1:1 --v 6
→ 친근하고 접근하기 쉬운 느낌

특징:

텍스트 가독성을 고려한 배경 디자인
중앙 60% 영역 균일하게 유지
복잡한 요소는 모서리 배치
한국어 주제 지원 (영어 프롬프트 생성)

14. Workthrough

모든 개발 및 수정 작업을 자동으로 문서화하여 구조화된 워크스루 형식으로 저장하는 스킬입니다.

주요 기능:

개발 작업 자동 문서화 (버그 수정, 기능 구현, 리팩토링 등)
구조화된 문서 형식 (개요, 변경사항, 코드 예제, 검증 결과)
타임스탬프 기반 파일명
프로젝트 히스토리 추적
팀 지식 공유 촉진

문서 구조:

Title & Overview: 작업 요약
Context: 문제 배경 및 접근 방식
Changes Made: 파일별 상세 수정 내역
Code Examples: Before/After 코드 스니펫
Verification Results: 빌드/테스트 출력
Next Steps: 후속 작업

자동 문서화 대상:

✨ 새로운 기능 구현
🐛 버그 수정 및 에러 해결
♻️ 코드 리팩토링
⚙️ 설정 변경
📦 의존성 업데이트
🔧 빌드 이슈 해결

파일 저장:

workthrough/YYYY-MM-DD-brief-description.md
workthrough/feature-name/implementation.md
workthrough/bugfix/issue-123.md

사용 시나리오:

개발 일지 자동 생성
코드 리뷰 준비 자료
온보딩 문서 구축
디버깅 참고 자료
아키텍처 결정 기록
프로젝트 진행 상황 추적

특징:

자동화: Claude가 개발 완료 후 자동 생성
일관성: 표준화된 문서 형식
검색 가능: 마크다운 형식으로 쉬운 검색
팀 협업: 명확한 변경 이력 공유
지식 보존: 미래의 자신과 팀을 위한 기록

예제:

test.md - 실제 워크스루 예제
TEMPLATE.md - 빈 템플릿
EXAMPLES.md - 다양한 시나리오 예제

15. Workthrough V2 🆕

Workthrough 스킬의 향상된 버전으로, 문서화와 함께 VitePress 기반 문서 사이트를 자동으로 빌드하여 제공합니다.

V2 새로운 기능:

✨ VitePress 자동 빌드: 워크스루 문서를 VitePress로 자동 빌드
✨ 로컬 문서 서버: http://localhost:5173 에서 문서 확인
✨ 실시간 업데이트: 문서 변경 시 자동 리로드
✨ 검색 기능: VitePress의 강력한 검색 기능 활용
✨ 사이드바 자동 생성: 타임스탬프 기반 자동 네비게이션
✨ 마크다운 확장: VitePress의 모든 마크다운 기능 사용 가능

기본 기능 (V1 동일):

개발 작업 자동 문서화 (버그 수정, 기능 구현, 리팩토링 등)
구조화된 문서 형식 (개요, 변경사항, 코드 예제, 검증 결과)
타임스탬프 기반 파일명
프로젝트 히스토리 추적
팀 지식 공유 촉진

VitePress 기능:

테마: 깔끔한 기본 테마 및 다크 모드 지원
네비게이션: 자동 생성된 사이드바로 쉬운 탐색
코드 하이라이팅: 200+ 언어 지원
반응형 디자인: 모바일/태블릿/데스크톱 최적화
빠른 로딩: Vite 기반 번개같은 HMR

사용 흐름:

개발 작업 완료
Claude가 워크스루 문서 자동 생성 (workthrough/YYYY-MM-DD-description.md)
VitePress 자동 빌드 및 서버 시작
브라우저에서 http://localhost:5173 접속
아름다운 문서 사이트에서 히스토리 확인

파일 구조:

workthrough/
├── .vitepress/
│   ├── config.ts           # VitePress 설정
│   └── theme/
│       └── index.ts        # 커스텀 테마
├── index.md                # 홈페이지
├── 2025-11-19-feature-1.md
├── 2025-11-18-bugfix-1.md
└── ...

서버 명령어:

# 개발 서버 시작 (자동)
npm run docs:dev

# 수동으로 서버 시작
cd workthrough && npm run dev

# 정적 사이트 빌드
npm run docs:build

# 빌드 프리뷰
npm run docs:preview

V1 vs V2 비교:

기능	V1	V2
문서 자동화	✅	✅
마크다운 저장	✅	✅
웹 뷰어	❌	✅ VitePress
검색 기능	❌	✅
다크 모드	❌	✅
실시간 업데이트	❌	✅ HMR
사이드바 네비게이션	❌	✅ 자동 생성
포트	-	5173

언제 V2를 사용하나요:

✅ 팀과 문서를 웹으로 공유하고 싶을 때
✅ 아름다운 UI로 워크스루를 보고 싶을 때
✅ 검색 기능이 필요할 때
✅ 프로젝트 히스토리를 웹사이트로 만들고 싶을 때
❌ 단순 마크다운 파일만 필요할 때 (V1 사용)

사용 시나리오:

개발 일지를 웹사이트로 퍼블리시
팀 내부 지식 베이스 구축
프로젝트 변경 이력 웹 대시보드
온보딩 문서 사이트

포트:

기본: http://localhost:5173
커스터마이징: .vitepress/config.ts에서 변경 가능

17. Design Prompt Generator V2 🆕

AI 웹 개발 도구(Lovable, Cursor, Bolt)를 위한 7단계 계층적 디자인 프롬프트 생성기입니다.

7단계 프레임워크:

Step 1: Domain Research      → 업종 UX 패턴, 경쟁사 인사이트
Step 2: User Journey         → 핵심 사용자 흐름, 전환 포인트
Step 3: Emotional Design     → 감성 키워드, 무드 컨셉
Step 4: Identity & Goal      → 브랜드 정체성, 목표
Step 5: Design System        → 컬러, 타이포, 컴포넌트
Step 6: Component Specs      → 핵심 컴포넌트 상세 정의
Step 7: Micro-interactions   → 애니메이션, 인터랙션 패턴

주요 기능:

도메인별 UX 패턴 매트릭스 (Pet Services, SaaS, E-commerce 등 8개 도메인)
감정 키워드 매트릭스 (Trust, Warmth, Energy 등 7가지 감정)
완전한 디자인 시스템 템플릿 (10가지 컬러, 타이포, 스페이싱)
마이크로 인터랙션 정의 (5가지 카테고리)

트리거 키워드:

"디자인 프롬프트", "웹 디자인", "Lovable 프롬프트", "랜딩페이지 만들어줘"

사용 시나리오:

Lovable, Cursor, Bolt 등 AI 웹 빌더용 프롬프트 생성
도메인별 맞춤 디자인 프롬프트
감성 디자인 기반 UI/UX 설계
프로덕션 레디 디자인 시스템 구축

참고 자료:

SKILL.md - 전체 프레임워크 문서
Sample - 펫시터 서비스 예제

19. Web Search 🆕

DuckDuckGo 검색 엔진을 활용한 텍스트, 뉴스, 이미지 검색 스킬입니다.

주요 기능:

3가지 검색 유형 (텍스트, 뉴스, 이미지)
지역별 검색 (한국, 미국, 일본 등)
기간 필터 (일/주/월/년)
JSON 형식 결과 출력
검색 연산자 지원 (site:, filetype:, "exact phrase", -exclude)
duckduckgo-search 패키지 자동 설치

빌트인 WebSearch 대비 장점:

US 외 지역에서도 사용 가능
뉴스 전용 검색
이미지 URL 검색
시간 범위 세밀 지정
특정 지역 기준 결과

사용 예시:

# 텍스트 검색
"Claude Code Anthropic 검색해줘"
"React 19 새로운 기능 찾아줘"

# 뉴스 검색
"AI 인공지능 최근 뉴스 검색해줘"
"한국 스타트업 뉴스 이번 주 것만 보여줘"

# 이미지 검색
"modern web design 이미지 검색해줘"
"미니멀 로고 디자인 사진 찾아줘"

# 지역/기간 필터
"일본에서 인기있는 앱 검색해줘"
"최근 한 달간 Flutter 관련 뉴스 찾아줘"

# 검색 연산자 활용
"site:github.com Claude Code 검색해줘"
"filetype:pdf 머신러닝 튜토리얼 찾아줘"

사용 시나리오:

빌트인 WebSearch가 제한적일 때 (US 외 지역)
특정 지역(한국, 일본 등) 기준 검색 결과가 필요할 때
뉴스나 이미지 전용 검색이 필요할 때
시간 범위(일/주/월/년)를 세밀하게 지정할 때
검색 결과를 JSON으로 저장하거나 프로그래밍적으로 처리할 때

18. Gemini Logo Remover 🆕

OpenCV inpainting을 사용하여 AI 생성 이미지에서 Gemini 로고 및 워터마크를 제거하는 스킬입니다.

주요 기능:

OpenCV inpainting 기반 로고 제거
좌표 기반 영역 지정 제거
코너 기반 자동 제거 (top_left, top_right, bottom_left, bottom_right)
비율 기반 영역 계산 (w_ratio, h_ratio)
TELEA 알고리즘으로 자연스러운 복원

지원 이미지 형식:

PNG, JPG, JPEG, WebP, BMP

제거 방식:

# 1. 좌표 기반 제거
remove_region(input_path, output_path, x1=700, y1=650, x2=800, y2=720)

# 2. 코너 기반 제거 (권장)
remove_corner_logo(input_path, output_path, corner='bottom_right', w_ratio=0.1, h_ratio=0.1)

사용 시나리오:

Gemini 생성 이미지에서 별 로고 제거
AI 워터마크 제거
이미지 모서리 로고 정리
깔끔한 이미지 후처리

설치 요구사항:

pip install opencv-python numpy pillow --break-system-packages

특징:

Gemini 로고는 보통 우하단에 위치
균일한 배경에서 최상의 결과
작은 영역 제거에 최적화
자동 마스크 생성 및 inpainting

스킬 사용 방법

방법 1: 마켓플레이스를 통한 설치 (권장)

1. 마켓플레이스 추가

/plugin marketplace add bear2u/claude-plugins

2. 사용 가능한 플러그인 확인

/plugin marketplace list

3. 원하는 플러그인 설치

# Flutter 프로젝트 초기화
/plugin marketplace install suji-father-marketplace@flutter-init

# Next.js 15 프로젝트 초기화
/plugin marketplace install suji-father-marketplace@nextjs15-init

# 코드 변경사항 자동 문서화
/plugin marketplace install suji-father-marketplace@code-changelog

# Codex CLI 통합
/plugin marketplace install suji-father-marketplace@codex

# Codex-Claude 이중 AI 루프
/plugin marketplace install suji-father-marketplace@codex-claude-loop

# 메타 프롬프트 생성기
/plugin marketplace install suji-father-marketplace@meta-prompt-generator

# 프롬프트 향상기
/plugin marketplace install suji-father-marketplace@prompt-enhancer

# 웹페이지 마크다운 변환
/plugin marketplace install suji-father-marketplace@web-to-markdown

# 카드 뉴스 생성기
/plugin marketplace install suji-father-marketplace@card-news-generator

# 카드 뉴스 생성기 V2 (배경 이미지 지원)
/plugin marketplace install suji-father-marketplace@card-news-generator-v2

# 랜딩페이지 가이드 V2
/plugin marketplace install suji-father-marketplace@landing-page-guide-v2

# 코드 프롬프트 코치
/plugin marketplace install suji-father-marketplace@code-prompt-coach

# Codex-Claude-Cursor 루프
/plugin marketplace install suji-father-marketplace@codex-claude-cursor-loop

# Midjourney 카드 뉴스 배경
/plugin marketplace install suji-father-marketplace@midjourney-cardnews-bg

# 워크스루 자동 문서화
/plugin marketplace install suji-father-marketplace@workthrough

# 워크스루 자동 문서화 V2 (VitePress)
/plugin marketplace install suji-father-marketplace@workthrough-v2

# Gemini 로고 제거기
/plugin marketplace install suji-father-marketplace@gemini-logo-remover

# 디자인 프롬프트 생성기 V2
/plugin marketplace install suji-father-marketplace@design-prompt-generator-v2

# 웹 검색 (DuckDuckGo)
/plugin marketplace install suji-father-marketplace@web-search

4. 설치된 플러그인 확인

/plugin list

5. 플러그인 업데이트

# 특정 플러그인 업데이트
/plugin update suji-father-marketplace@flutter-init

# 또는 모든 플러그인 업데이트
/plugin update

6. 플러그인 삭제

# 특정 플러그인 삭제
/plugin remove flutter-init

# 또는 마켓플레이스 전체 삭제
/plugin marketplace remove suji-father-marketplace

방법 2: 수동 설치

스킬을 Claude Code 스킬 디렉토리로 복사:

# 유저 스킬로 설치 (전역)
cp -r skills/* ~/.claude/skills/

# 또는 프로젝트 스킬로 설치 (프로젝트별)
cp -r skills/* ./.claude/skills/

Claude Code에서 스킬 확인:

/skills

실행

각 스킬은 스킬 이름으로 실행할 수 있습니다:

code-changelog
meta-prompt-generator
prompt-enhancer
flutter-init
nextjs15-init
codex
codex-claude-loop          # Claude + Codex 이중 AI 루프
codex-claude-cursor-loop   # Claude + Codex + Cursor 3중 AI 루프
landing-page-guide-v2      # 아름다운 디자인 + 높은 전환율 랜딩페이지 가이드
card-news-generator        # 기본 단색 배경 카드 생성
card-news-generator (V2)   # 배경 이미지 지원 (동일 스킬, 고급 기능)
web-to-markdown            # 웹페이지를 마크다운으로 변환
code-prompt-coach          # Claude Code 세션 로그 분석
midjourney-cardnews-bg     # Midjourney 카드 뉴스 배경 프롬프트 생성
workthrough                # 개발 작업 자동 문서화
workthrough-v2             # 개발 작업 자동 문서화 + VitePress (5173 포트)
gemini-logo-remover        # Gemini 로고/워터마크 제거
design-prompt-generator-v2 # AI 웹 빌더용 디자인 프롬프트 생성
web-search                 # DuckDuckGo 텍스트/뉴스/이미지 검색

폴더 구조

my-skills-hub/
├── plugins/                      # 플러그인 마켓플레이스
│   ├── .claude-plugin/           # 플러그인 설정
│   ├── skills/                   # 모든 스킬들
│   │   ├── code-changelog/       # 코드 변경사항 자동 문서화
│   │   ├── meta-prompt-generator/ # 메타 프롬프트 생성기
│   │   ├── prompt-enhancer/      # 프롬프트 향상기
│   │   ├── flutter-init/         # Flutter 프로젝트 생성
│   │   ├── nextjs15-init/        # Next.js 15 프로젝트 생성
│   │   ├── codex/                # Codex CLI 코드 리뷰/분석
│   │   ├── codex-claude-loop/    # Claude + Codex 이중 AI 루프
│   │   ├── codex-claude-cursor-loop/ # Claude + Codex + Cursor 3중 AI 루프
│   │   ├── frontend-design/      # 프론트엔드 디자인 생성
│   │   ├── landing-page-guide/   # 랜딩페이지 가이드
│   │   ├── landing-page-guide-v2/ # 랜딩페이지 가이드 V2
│   │   │   ├── SKILL.md
│   │   │   └── references/
│   │   │       ├── 11-essential-elements.md
│   │   │       └── component-examples.md
│   │   ├── card-news-generator/  # 카드 뉴스 자동 생성
│   │   ├── card-news-generator-v2/ # 카드 뉴스 V2 (배경 이미지)
│   │   ├── web-to-markdown/      # 웹페이지 마크다운 변환
│   │   ├── code-prompt-coach/    # Claude Code 세션 로그 분석
│   │   ├── midjourney-cardnews-bg/ # Midjourney 카드 뉴스 배경
│   │   ├── workthrough/          # 개발 작업 자동 문서화
│   │   │   ├── SKILL.md
│   │   │   ├── README.md
│   │   │   ├── TEMPLATE.md
│   │   │   ├── EXAMPLES.md
│   │   │   ├── QUICKSTART.md
│   │   │   └── LICENSE.txt
│   │   ├── workthrough-v2/       # 개발 작업 자동 문서화 + VitePress
│   │   │   ├── SKILL.md
│   │   │   ├── README.md
│   │   │   ├── .vitepress/
│   │   │   │   └── config.ts
│   │   │   └── package.json
│   │   ├── gemini-logo-remover/  # Gemini 로고/워터마크 제거
│   │   │   └── SKILL.md
│   │   ├── design-prompt-generator-v2/  # AI 웹 빌더용 디자인 프롬프트 생성기
│   │   │   ├── SKILL.md
│   │   │   └── sample/           # 펫시터 서비스 예제
│   │   └── web-search/           # DuckDuckGo 웹 검색
│   │       ├── SKILL.md
│   │       └── scripts/
│   │           └── search.py     # 검색 CLI 스크립트
│   └── README.md                 # 플러그인 마켓플레이스 문서
├── .claude/                      # Claude Code 설정
│   └── skills/                   # 로컬 스킬 (deprecated, plugins/skills 사용 권장)
└── README.md                     # 이 파일

스킬별 상세 정보

각 스킬 폴더의 skill.md 파일에서 더 자세한 정보를 확인할 수 있습니다:

기여

새로운 스킬을 추가하거나 기존 스킬을 개선하고 싶으시다면:

plugins/skills/ 폴더에 새로운 스킬 디렉토리 생성
SKILL.md 파일 작성 (스킬 메타데이터 및 설명)
필요한 파일들 추가
README.md에 스킬 정보 추가

라이선스

MIT License

Changelog

[1.10.0] - 2026-02-08

Added

web-search: DuckDuckGo 기반 웹 검색 스킬 🆕
- 3가지 검색 유형 (텍스트, 뉴스, 이미지)
- 지역별 검색 필터 (한국, 미국, 일본 등)
- 기간 필터 (일/주/월/년)
- JSON 형식 결과 출력
- 검색 연산자 지원 (site:, filetype:, "exact phrase", -exclude)
- duckduckgo-search 패키지 자동 설치
- SafeSearch 설정 (on/moderate/off)
- 빌트인 WebSearch 보완 (US 외 지역, 뉴스/이미지 전용 검색)

Changed

README.md: web-search 스킬 추가
- 빠른 설치 테이블에 추가
- 스킬 목록(19번)에 상세 설명 추가
- 마켓플레이스 설치 명령어 추가
- 실행 방법 및 폴더 구조 업데이트
- 스킬별 상세 정보 링크 추가

[1.9.0] - 2026-01-09

Added

design-prompt-generator-v2: AI 웹 빌더용 디자인 프롬프트 생성기 🆕
- 7단계 계층적 프레임워크 (Domain Research → Micro-interactions)
- 8개 도메인별 UX 패턴 매트릭스 (Pet Services, SaaS, E-commerce 등)
- 7가지 감정 키워드 매트릭스 (Trust, Warmth, Energy 등)
- 완전한 디자인 시스템 템플릿 (10가지 컬러, 타이포, 스페이싱)
- 마이크로 인터랙션 정의 (5가지 카테고리)
- Lovable, Cursor, Bolt 등 AI 웹 빌더 지원
- 펫시터 서비스 샘플 HTML 포함

Changed

README.md: design-prompt-generator-v2 스킬 추가
- 빠른 설치 테이블에 추가
- 스킬 목록(17번)에 상세 설명 추가
- 마켓플레이스 설치 명령어 추가
- 폴더 구조 및 상세 정보 링크 업데이트

[1.8.0] - 2025-12-10

Added

gemini-logo-remover: Gemini 로고 및 워터마크 제거 스킬 🆕
- OpenCV inpainting 기반 자연스러운 로고 제거
- 좌표 기반 영역 지정 제거
- 코너 기반 자동 제거 (top_left, top_right, bottom_left, bottom_right)
- 비율 기반 영역 계산 (w_ratio, h_ratio)
- TELEA 알고리즘으로 배경 복원
- PNG, JPG, JPEG, WebP, BMP 지원

Changed

README.md: gemini-logo-remover 스킬 추가
- 빠른 설치 테이블에 추가
- 스킬 목록(16번)에 상세 설명 추가
- 마켓플레이스 설치 명령어 추가
- 실행 방법 및 폴더 구조 업데이트
- 스킬별 상세 정보 링크 추가

[1.7.0] - 2025-11-19

Added

workthrough: 개발 작업 자동 문서화 스킬 ⭐
- 모든 개발 작업을 구조화된 워크스루 형식으로 자동 문서화
- 버그 수정, 기능 구현, 리팩토링 등 모든 작업 추적
- 타임스탬프 기반 파일명으로 체계적 관리
- 코드 예제, 검증 결과, 다음 단계 자동 포함
- 팀 협업 및 지식 공유 촉진
- 6개 문서 파일: SKILL.md, README.md, TEMPLATE.md, EXAMPLES.md, QUICKSTART.md, LICENSE.txt
workthrough-v2: VitePress 기반 워크스루 문서화 스킬 🆕
- Workthrough 기본 기능 + VitePress 자동 빌드
- http://localhost:5173 에서 문서 서비스 제공
- 실시간 업데이트 (HMR)
- 강력한 검색 기능
- 자동 생성 사이드바 네비게이션
- 다크 모드 지원
- 200+ 언어 코드 하이라이팅
- 반응형 디자인 (모바일/태블릿/데스크톱)

Changed

프로젝트 구조: skills 폴더를 plugins/skills로 통합 🔄
- skills/ → plugins/skills/로 모든 스킬 이동
- 플러그인 마켓플레이스 중앙화
- .claude/skills/는 deprecated, plugins/skills 사용 권장
- 총 18개 스킬 통합 관리
README.md: workthrough & workthrough-v2 스킬 추가
- 빠른 설치 테이블에 workthrough, workthrough-v2 추가
- 스킬 목록(14, 15번)에 상세 설명 추가
- V1 vs V2 비교표 추가
- 마켓플레이스 설치 명령어 추가
- 실행 방법 및 폴더 구조 업데이트
- 모든 경로를 plugins/skills로 변경
- 스킬별 상세 정보 링크 업데이트
plugins/README.md: 신규 스킬 추가
- frontend-design, landing-page-guide-v2 추가
- code-prompt-coach, codex-claude-cursor-loop 추가
- midjourney-cardnews-bg 추가
- workthrough, workthrough-v2 추가

[1.6.0] - 2025-11-12

Added

code-prompt-coach: Claude Code 세션 로그 분석 스킬 ⭐
- 프롬프트 품질 향상 (컨텍스트 인식)
- 토큰 사용량 및 비용 분석 (모델별 요금)
- 8가지 분석 기능 통합 종합 리포트
- 도구 사용 패턴, 효율성, 생산성, 파일 히트맵 분석
codex-claude-cursor-loop: Claude + Codex + Cursor 3중 AI 엔지니어링 루프
- Claude가 계획 및 아키텍처 담당
- Codex가 계획 검증 및 코드 리뷰 담당
- Cursor Agent가 모든 구현 담당
- 순차적 검증으로 최고 품질 보장
midjourney-cardnews-bg: Midjourney 카드 뉴스 배경 프롬프트 생성기
- 600x600px 1:1 비율 최적화
- 텍스트 오버레이 고려 배경 디자인
- 주제/스타일별 다양한 변형 제공
- 한국어 주제 지원

Changed

README.md: 새로운 3개 스킬 추가 및 설명 업데이트
빠른 설치 테이블에 신규 스킬 추가
마켓플레이스 설치 명령어 추가
실행 방법 및 폴더 구조 업데이트

[1.5.0] - 2025-11-07

Added

web-to-markdown: 동적 콘텐츠 처리 기능 추가 ⭐
- WebFetch 실패 시 Playwright 자동 폴백
- MCP Playwright 및 Node Playwright 지원
- JavaScript 렌더링 페이지 자동 감지
- AskUserQuestion으로 사용자 확인 프로세스
SKILL_DISTRIBUTION_GUIDE.md: NPM 패키지로 스킬 배포하는 완전 가이드 추가
- NPM 패키지 구조 만들기
- 첫 배포 및 업데이트 방법
- 버전 관리 Best Practices
- FAQ 및 실전 예제

Changed

README.md: web-to-markdown 스킬 설명에 동적 콘텐츠 처리 기능 추가
README.md: 동적 콘텐츠 사용 예시 추가

Technical Details

Playwright를 통한 Chromium 브라우저 자동화
Cheerio를 통한 HTML 파싱 및 마크다운 변환
React, Vue, Next.js 등 SPA 페이지 완벽 지원

[1.4.0] - 2025-10-29

Added

card-news-generator-v2: 배경 이미지 지원 기능
landing-page-guide: 전환율 높은 랜딩페이지 제작 가이드
midjourney-cardnews-bg: Midjourney 프롬프트 생성 스킬

[1.3.0] - 2025-10-27

Added

codex-claude-cursor-loop: Claude + Codex + Cursor 3중 AI 루프
codex-claude-loop: Claude + Codex 이중 AI 엔지니어링 루프

[1.2.0] - 2025-10-25

Added

web-to-markdown: 웹페이지 마크다운 변환 스킬
- 일반 모드
- AI 최적화 모드
- 듀얼 모드
card-news-generator-v2: 배경 이미지 지원 버전

[1.1.0] - 2025-10-23

Added

flutter-init: Flutter Clean Architecture 프로젝트 생성
nextjs15-init: Next.js 15 App Router 프로젝트 생성
code-changelog: AI 코드 변경사항 자동 문서화
meta-prompt-generator: 구조화된 커스텀 슬래시 커맨드 생성
prompt-enhancer: 프로젝트 컨텍스트 기반 프롬프트 향상

[1.0.0] - 2025-10-20

Added

초기 릴리즈
card-news-generator: 인스타그램 카드 뉴스 생성
codex: OpenAI Codex CLI 통합
마켓플레이스 설정 및 배포

참고

이 스킬들은 Claude Code의 공식 문서를 참고하여 작성되었습니다: