유니
유니
🗡️ AI 레전드
🎖️ 마스터 파트너

MCP서버로 github 에 블로그 포스팅하기

안녕하세요~ 유니입니다!


MCP스터디를 신청하고 처음 작성하네용~ 뭘할수있을까 고민을 좀 해봤습니다~
원래는 경쟁사 분석하는걸 MCP로 해보려고 했는데 길이가 길어서인지 뭔가 스크랩핑하는 코드를 짜줘서.. 당황... 결국엔 실패하게되었습니다.


반쪽이지만 성공한 깃허브에 블로그글을 작성하는 걸로 변경하였습니다.
설치하는 방법은 생략합니다.


사용한 MCP서버
1. https://smithery.ai/
- github mcp : https://smithery.ai/server/@smithery-ai/github
- Brave Search : https://smithery.ai/server/@smithery-ai/brave-search
- youtube transcript : https://github.com/anaisbetts/mcp-youtube

  1. 설치는?
    님의 설치방법: https://www.gpters.org/member/pxKBUPj6EE

진행 방법

  1. 제가 가지고 있는 90가지 도구를 넣고 20가지 제안을 요청하였습니다.
    혹시 궁금하신 분들있을까봐 캡쳐와 제안한 내용을 첨부합니다.

1. 지역 맛집 탐색기

brave_local_search로 지역 맛집 정보 검색
puppeteer 도구로 맛집 웹사이트 스크린샷 캡처
generate_image로 맛집 분위기 시각화
Notion에 API-post-page로 맛집 정보 저장

2. 개인 프로젝트 관리 시스템

GitHub의 create_repository로 새 프로젝트 생성
create_issue로 할 일 목록 관리
filesystem 도구로 로컬 파일 구조 만들기
list_directory와 directory_tree로 프로젝트 구조 시각화

3. 기술 블로그 자동화 도구

brave_web_search로 최신 기술 트렌드 검색
get_transcript로 유튜브 기술 영상 내용 분석
read_file과 write_file로 마크다운 블로그 포스트 생성
GitHub Pages에 push_files로 자동 배포

4. 데이터 시각화 대시보드

read_multiple_files로 로컬 데이터 파일 읽기
mermaid로 데이터 차트 생성
Notion 데이터베이스에 API-create-a-database로 결과 저장
generate_image로 커스텀 시각화 이미지 생성

5. 개발 문서 검색기

search_code로 GitHub 코드 검색
brave_web_search로 관련 문서 찾기
결과를 API-post-page로 Notion에 정리
generate로 코드 아키텍처 다이어그램 생성

6. 소셜 미디어 콘텐츠 계획 도구

brave_web_search로 트렌드 검색
API-create-a-database로 Notion에 콘텐츠 캘린더 생성
generate_image로 소셜 미디어 이미지 생성
puppeteer로 소셜 미디어 미리보기 캡처

7. 로컬 파일 정리 도우미

list_directory와 search_files로 파일 파악
move_file과 create_directory로 파일 정리
directory_tree로 정리된 구조 시각화
결과를 API-post-page로 Notion에 기록

8. 기술 문서 자동 생성기

get_file_contents로 GitHub에서 코드 가져오기
read_file로 로컬 코드 분석
mermaid로 클래스 다이어그램 생성
push_files로 문서를 GitHub 위키에 업로드

9. 웹사이트 스크랩 및 분석 도구

puppeteer_navigate와 puppeteer_screenshot으로 웹사이트 탐색 및 캡처
brave_web_search로 관련 정보 수집
API-post-page로 Notion에 결과 저장
read_image로 캡처된 이미지 분석

10. 오픈소스 프로젝트 기여 도우미

search_repositories로 기여할 프로젝트 찾기
fork_repository와 create_branch로 작업 환경 설정
create_pull_request로 변경사항 제출
list_issues로 해결할 이슈 탐색

11. 지식 베이스 구축 시스템

brave_web_search로 정보 수집
API-create-a-database로 Notion 지식 베이스 구축
API-patch-block-children으로 콘텐츠 구조화
get_transcript로 영상 콘텐츠 추가

12. 로컬 코드 품질 분석기

read_multiple_files로 코드베이스 읽기
search_files로 특정 패턴 검색
create_issue로 발견된 문제점 GitHub 이슈화
edit_file로 자동 수정 적용

13. 마케팅 리서치 도구

brave_web_search와 brave_local_search로 시장 조사
puppeteer로 경쟁사 웹사이트 분석
API-post-database-query로 Notion에서 데이터 정리
generate로 시장 점유율 차트 생성

14. 자동화된 학습 노트 시스템

brave_web_search로 학습 자료 검색
get_transcript로 교육 영상 내용 추출
API-post-page로 Notion에 노트 작성
mermaid로 개념 다이어그램 생성

15. 이미지 기반 스토리텔링 도구

generate_image로 스토리 장면 생성
API-post-page로 Notion에 스토리 구성
read_image로 이미지 분석
push_files로 GitHub에 포트폴리오 업로드

16. 웹 접근성 검사 도구

puppeteer_navigate와 puppeteer_evaluate로 웹사이트 분석
create_issue로 발견된 문제점 기록
API-post-page로 Notion에 보고서 작성
mermaid로 접근성 개선 워크플로우 다이어그램 생성

17. 개인 프로젝트 포트폴리오 생성기

list_directory로 로컬 프로젝트 검색
create_repository로 GitHub에 포트폴리오 생성
generate_image로 프로젝트 썸네일 생성
puppeteer_screenshot으로 결과물 캡처

18. 기술 트렌드 알림 시스템

brave_web_search로 트렌드 모니터링
API-create-a-database로 Notion에 트렌드 데이터베이스 생성
get_transcript로 기술 컨퍼런스 내용 분석
search_repositories로 관련 GitHub 프로젝트 찾기

19. 코드 스니펫 관리 도구

search_code로 유용한 코드 스니펫 검색
API-post-page로 Notion에 스니펫 저장
read_file과 write_file로 로컬 스니펫 라이브러리 관리
create_or_update_file로 GitHub Gist 생성

20. 다국어 문서 번역 및 관리 시스템

read_multiple_files로 로컬 문서 읽기
brave_web_search로 번역 참조 자료 검색
API-post-page로 Notion에 번역본 저장
push_files로 번역된 문서를 GitHub에 업로드
  1. 그중에 3번이 마음에 들어서 진행하기로 합니다. 그리고 canva 새로나온내용을 블로그 포스트로 만들어 달라고 요청해봅니다.

  2. 어라.. 404페이지가 뜨네요!!ㅜ

  3. 이상해서 중간에 확인해보니 github 접근이 안되서 로컬로 작업이 되었네요.. 😢 , MCP엔 문제가없는데..;;그래서 MCP 서버리스트중 github "create_repository" 를 입력하고 업로드 해달라고 요청했습니다.

    한국어 텍스트가있는 페이지의 스크린 샷

  4. 계속 제공하지 않네요..ㅜ 404 에러난 페이지를 캡쳐해서 넣어준후 다시 요청해서 결국에는 완성링크를 받았습니다.

    한국 웹 사이트의 스크린 샷

  5. 블로그 메인 페이지과 세부 페이지입니다.

    한국의 Canaf Visual Suite 2 0의 스크린 샷


    블로그글내용 (https://youni202.github.io/tech-blog/2025/04/24/canva-visual-suite-2-0.html)

  6. 이미지가 잘안나와서 직접 canva에서 캡쳐한다음 업로드해봅니다.

    아주휼륭한 스크린샷이지만 올려주지는 않네요..

    github 경로에 직접이미지를 올렸지만.. 깃허브 포스트엔 정상적으로 이미지가 나오지만 실제 포스트에선 표시가 안되서 될때까지 물어봐야겠어요 ㅎㅎ

    한국어가있는 웹 사이트의 스크린 샷

Tip: 사용할 MCP서버를 지정하고 진행해야 잘 만들어지는것 같습니다. 하지만 중간중간 놓칠때 한번 더 언급해주면 좋습니다 ^^

결과와 배운 점

너무 많은 MCP 서버가 도구로 설정되어서인지 실행할때 에러가 좀 나는것 같았어요
이미지가 제대로 적용이 안되서 이미지를 별도로 올려줬을때 잘나왔지만 블로그포스트에선 확인이 안되어서 이부분은 수정을 해야할것같습니다.
배운점은 비개발자지만 github 블로그를 mcp를 써서 만들수있다!

다음에 또 만나요~

👉 이 게시글도 읽어보세요