mega

CODEBLACK OPEN SOURCE

화면부터 발표 자료까지.
만드는 도구를
함께 키웁니다.

mega는 Codeblack-Inc의 오픈소스 제품군입니다. 같은 생각에서 출발한 서로 다른 도구가, 만드는 일을 더 쉽고 넓게 이어 줍니다.

프로젝트 살펴보기

THE PROJECTS

필요한 도구에서 시작하세요.

다섯 프로젝트는 같은 브랜드를 공유하지만, 만드는 과정에서 맡는 역할은 다릅니다.

01 / INTERFACEReact · TypeScript

같은 언어로 화면을 만듭니다.

레이아웃과 기본 컨트롤부터 데이터 그리드, AI 채팅까지. 디자인 토큰 위에서 컴포넌트를 조합하는 React UI 라이브러리입니다.

컴포넌트 둘러보기 GitHub 코드
02 / PRESENTATIONClaude Code · Codex

생각을 편집 가능한 장표로.

AI가 스토리라인을 설계하고, 표·차트·카드 등의 패널을 조합합니다. 완성된 PowerPoint는 열어서 바로 수정할 수 있습니다.

장표 갤러리 보기 GitHub 코드
03 / DIAGRAMClaude Code · Codex

문서에 바로 넣는 다이어그램.

구성도·흐름도·차트 44가지 형식에 SWOT·로직 모델·망 구성도·일정표 같은 보고서 도식 30종까지. 한글 라벨과 mega 색상, 투명 배경으로 HWP·Word·PPT 본문에 그대로 붙습니다.

다이어그램 갤러리 보기 GitHub 코드
04 / DOCUMENTClaude Code · Codex

정부과제 양식을 한글 파일 그대로.

사업계획서·결과보고서를 □○-※ 보고서체와 표로 작성하고, 빈 양식의 칸과 본문을 채웁니다. 결과는 한컴오피스에서 바로 여는 .hwp입니다.

문서 갤러리 보기 GitHub 코드
05 / SLIDEClaude Code · Codex

발표용 슬라이드를 웹·PDF·PPT로.

글은 적게, 여백은 넉넉하게. 한글의 크기와 굵기만으로 위계를 세운 발표용 슬라이드를 웹, PDF, 열어서 고치는 PowerPoint로 바로 만듭니다.

사용 가이드 보기 GitHub 코드

THE COMMON LANGUAGE

하나의 이름, 같은 기준.

로고와 색상, 서체 사용법을 BI 가이드에 정리했습니다. 필요한 SVG·PNG 파일도 함께 받을 수 있습니다.

BI 가이드 보기 브랜드 에셋 보기