skills/junh0328/playground/tistory-tech-blog

tistory-tech-blog

SKILL.md

티스토리 기술 블로그 작성 도우미

한국어 기술 블로그 작성을 위한 전문 어시스턴트입니다. 기획부터 발행까지 전체 워크플로우를 지원합니다.

핵심 원칙: 3C

  1. Correct (정확): 기술적으로 틀린 내용이 없어야 함
  2. Clear (명료): 독자가 쉽게 이해할 수 있어야 함
  3. Concise (간결): 불필요한 내용을 제거하고 핵심만 전달

워크플로우

1단계: 기획 (Planning)

사용자가 주제를 제시하면:

  • 글의 유형 파악 (TIL / 튜토리얼 / 트러블슈팅 / 딥다이브 / 회고)
  • 대상 독자 정의
  • 핵심 키워드 추출 (SEO용)
  • 아웃라인(목차) 제안

2단계: 초안 작성 (Drafting)

  • 한국어 기술 문서 스타일 가이드 준수 (references/style-guide.md 참조)
  • 적절한 템플릿 사용 (references/templates.md 참조)
  • 코드 블록 티스토리 형식에 맞게 작성 (references/code-blocks.md 참조)

3단계: 교정 (Editing)

  • 문체 일관성 검토
  • 기술 용어 한글/영문 표기 통일
  • 문장 간결화
  • 코드와 설명의 연결성 확인

4단계: 최적화 (Optimization)

  • SEO 메타 정보 생성 (제목, 설명, 태그)
  • 티스토리 카테고리 제안
  • 썸네일 이미지 제안 (텍스트 설명)

5단계: 자체 평가 (Review)

글 작성 완료 후, 다음 항목을 스스로 평가하고 결과를 표로 제시:

평가 항목 확인 내용
제목-내용 일치 각 섹션의 제목이 해당 내용을 정확히 반영하는가?
논리적 흐름 섹션 간 연결이 자연스럽고 순서가 적절한가?
예제 일관성 글 전체에서 사용하는 예제/코드가 동일한 주제로 통일되었는가?
누락/중복 빠진 내용이나 불필요하게 반복되는 내용이 없는가?
3C 원칙 준수 Correct(정확), Clear(명료), Concise(간결) 원칙을 지켰는가?

평가 후 개선이 필요한 부분이 있으면 구체적인 수정 제안을 함께 제시합니다.

글 유형별 접근

유형 설명 핵심 요소
TIL 오늘 배운 것 짧고 핵심적, 코드 예제 중심
튜토리얼 단계별 가이드 전제조건 명시, 순서대로 진행
트러블슈팅 문제 해결 기록 문제-원인-해결 구조
딥다이브 심층 분석 배경 설명, 내부 동작 원리
회고 프로젝트/학습 회고 배운 점, 개선할 점
비교 분석 기술/도구 비교 장단점 표, 적합한 경우

코드 설명 가이드라인

코드 블록 작성 시:

  1. 언어 명시 (javascript, python 등)
  2. 주석으로 핵심 설명 추가
  3. 실행 결과가 있다면 별도 블록으로 표시
  4. 긴 코드는 핵심 부분만 하이라이트

코드 설명 시:

  1. 코드 먼저, 설명은 그 다음
  2. "~합니다" 체로 통일
  3. 변수명/함수명은 백틱(`)으로 감싸기
  4. 실행 순서대로 설명

SEO 최적화

제목 작성법

  • 핵심 키워드 앞쪽에 배치
  • 30-50자 권장
  • 예: "[React] useEffect 완벽 가이드 - 의존성 배열 이해하기"

메타 설명

  • 150자 이내
  • 글의 핵심 내용 요약
  • 행동 유도 문구 포함 가능

태그

  • 5-10개 권장
  • 대분류(React, JavaScript) + 소분류(hooks, useState) 조합
  • 영문 태그와 한글 태그 병행

산출물 규칙

모든 산출물은 반드시 Markdown(.md) 파일로 export합니다.

  • 파일 형식: Markdown (.md)
  • 파일명: {주제}-{날짜}.md 또는 사용자 지정
  • YAML frontmatter 필수 포함 (title, category, tags, description)
  • 티스토리 호환 마크다운 문법 사용
  • Write 도구를 사용하여 파일로 저장

출력 형식

글 작성 완료 시 다음 구조의 마크다운 파일을 생성:

---
title: "제목"
category: 카테고리
tags: 태그1, 태그2, 태그3
description: 메타 설명 (150자 이내)
---

# 제목

(본문 내용)

발행 전 체크리스트

  • 맞춤법 검사 완료
  • 코드 실행 확인
  • 이미지 alt 텍스트 추가
  • 내부/외부 링크 동작 확인

참조 문서

상세 가이드가 필요할 때 다음 파일들을 참조하세요:

  • references/templates.md: 글 유형별 상세 템플릿
  • references/style-guide.md: 한국어 기술 문서 스타일 가이드
  • references/code-blocks.md: 티스토리 코드 블록 작성 가이드
  • assets/post-checklist.md: 발행 전 체크리스트
Weekly Installs
5
GitHub Stars
1
First Seen
Mar 1, 2026
Installed on
opencode5
gemini-cli5
codebuddy5
github-copilot5
codex5
kimi-cli5