nexu-io/html-anything

로컬 AI 에이전트가 마크다운을 배포 가능한 HTML로 한 번에 변환하는 에이전트 시대의 HTML 에디터

완성 앱맘대로 써도 됨 · Apache-2.0웹·Next.js·풀스택난이도
6,940+0이번 주68921HTML
데모·홈페이지 열기open-design.ai
중간맛 분석

스택: Next.js · Node.js (로컬 에이전트 8개 자동 감지) · Tailwind · iframe 샌드박스 · SSE 스트리밍

난이도: 입문자도 실행 가능 — 깃 클론 후 pnpm dev 하면 브라우저 에디터 실행, 설치된 AI 에이전트 선택해서 마크다운 붙여넣고 템플릿 고르면 끝

바로 쓸 수 있나?: 네, 데모용 75개 템플릿이 모두 예제 HTML 포함

데모: https://open-design.ai/html-anything/ (라이브 페이지에서 표면 모드·기능 미리 보기 가능)

이런 레포예요

이럴 때 쓰면 좋아요

  • 마크다운 문서를 잡지 같은 디자인의 HTML로 자동 변환해 WeChat·X·블로그에 공유
  • 팀 회의록·PM 스펙·재무 리포트를 AI가 포맷팅해서 한 번에 배포 가능한 문서로 생성
  • 프로토타입·발표 슬라이드·동영상 프레임(Hyperframes)을 같은 UI에서 한 템플릿 선택으로 즉시 제작

핵심 기능

75개 디자인 시스템 템플릿 (매거진·데크·포스터·SNS 카드·비디오 프레임 포함)8개 로컬 AI 에이전트 자동 감지 (Claude Code · Cursor Agent · Gemini CLI 등), API 키 불필요WeChat·X·Zhihu·PNG·HTML 한 번에 export, 재포맷팅 불필요

대안 대비 차별점

기존 AI 구독으로 작동하며(별도 비용 0원) 에이전트가 생성한 HTML을 즉시 여러 플랫폼에 붙여넣기 가능한 배포 포맷으로 제공하는 에이전트 시대 HTML 에디터.

바로 시작하기
  1. 저장소 클론
git clone https://github.com/nexu-io/html-anything.git
cd html-anything
  1. 의존성 설치
pnpm install
  1. 개발 서버 실행
pnpm -F @html-anything/next dev
  1. 브라우저에서 열기
http://localhost:3000 (또는 터미널 출력 주소)
  1. 에이전트 설정 확인
상단 바에서 설치된 AI 에이전트(Claude Code, Cursor Agent 등) 선택
  1. 마크다운 입력 후 템플릿 선택해서 생성
좌측 에디터에 마크다운/CSV 붙여넣기 → 중앙에서 템플릿 고르기 → '생성' 버튼 클릭
별 추이 · 7일
6,940+0 / 7일
활용성 · 따라 만들기 좋은가
따라 하기 좋음샘플 점수 46/100
  • 관대한 라이선스
  • 테스트 있음
  • 예제 디렉토리
  • 최근 활동
  • AGENTS.md
  • llms.txt
  • 템플릿

🟢 최근 활동 있음 · 2026년 생성

AI가 README 기반으로 요약했습니다 · 원문 보기