Community라이팅 & 에디팅github.com

SunnyDevendranadh/Bloom

AI 코딩 에이전트용 스티키 HTML 아티팩트 모드: 마크다운 보고서, 리뷰, 문서, 계획을 자체 포함된 HTML로 변환합니다.

Bloom란 무엇인가요?

Bloom은 AI 코딩 에이전트(예: Claude Code, Cursor, Codex)가 마크다운 형식의 출력물(보고서, 코드 리뷰, 문서, 계획)을 사용자가 바로 열어볼 수 있는 독립형 HTML 파일로 변환해주는 스킬입니다. 이 스킬의 핵심 가치는 '스티키 아티팩트(Sticky Artifact)' 모드로, 생성된 HTML이 에이전트 세션 간에도 유지되어 필요한 정보를 언제든지 쉽게 접근할 수 있다는 점입니다. 사용자는 복잡한 설정 없이 에이전트에게 '이 내용을 Bloom으로 변환해줘'라고 요청하기만 하면 되며, 모든 스타일과 스크립트가 하나의 HTML 파일에 포함되어 공유나 저장이 용이합니다. 특히 긴 문서나 구조화된 피드백을 시각적으로 정리하여 전달해야 하는 팀 환경에서 유용하며, 에이전트의 작업 결과물을 더 오래 지속 가능하고 접근성 높은 형태로 보존할 수 있게 해줍니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add SunnyDevendranadh/Bloom

Installed? Explore more 라이팅 & 에디팅 skills: steipete/notion, langchain-ai/langchain, bytedance/podcast-generation · View all 6 →

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

Bloom은(는) 무엇을 하나요?

AI 코딩 에이전트용 스티키 HTML 아티팩트 모드: 마크다운 보고서, 리뷰, 문서, 계획을 자체 포함된 HTML로 변환합니다.

설명

Bloom은 AI 코딩 에이전트(Claude Code, Cursor, Codex 등)를 위한 스킬로, 마크다운 형식의 출력물을 바로 사용할 수 있는 독립형 HTML 파일로 변환해줍니다. 이렇게 생성된 HTML 아티팩트는 '스티키(Sticky)'하여 에이전트 세션 간에도 유지되므로, 중요한 정보를 잃어버릴 염려 없이 언제든지 접근할 수 있습니다.

사용 방법

에이전트에게 다음과 같이 요청하세요:

"이 마크다운 보고서를 Bloom으로 변환해줘"

또는 특정 콘텐츠를 지정할 수도 있습니다:

"다음 코드 리뷰를 담은 Bloom HTML을 생성해줘"

주요 기능

  • 자체 포함(Self-contained): 모든 CSS, JavaScript, 이미지가 단일 HTML 파일에 포함되어 외부 의존성 없이 작동합니다.
  • 스티키 아티팩트: 에이전트 세션을 재설정해도 생성된 HTML이 유지됩니다.
  • 쉬운 공유: 파일 하나만 전달하면 되므로 팀 내 공유가 간편합니다.
  • 포맷 유지: 마크다운의 헤더, 목록, 코드 블록, 표 등이 HTML에서도 동일하게 렌더링됩니다.

지원 플랫폼

  • Claude Code
  • Cursor
  • Codex
  • 기타 AI 코딩 에이전트

예시

입력 (마크다운):

# 프로젝트 검토

## 아키텍처
- 모듈 A: 안정적
- 모듈 B: 리팩터링 필요

출력: 동일한 내용을 포함한 자체 포함 HTML 파일

참고 사항

Bloom은 에이전트의 결과물을 시각적으로 정리하고 유지하기 위한 도구로, 에이전트가 생성한 모든 종류의 마크다운 기반 콘텐츠에 적합합니다.

관련 스킬