Repolode
제출하기
nexu-io

nexu-io/html-anything

설치된 코딩 에이전트 CLI를 활용해 Markdown, CSV, 메모를 단일 파일 HTML 페이지, 슬라이드 덱, 포스터로 만드는 로컬 우선 HTML 편집기입니다.

대체할 수 있는 제품:Canva

GitHub에서 보기웹사이트
스타
9,427
포크
904
열린 이슈
60
마지막 커밋
24일 전

어떤 프로젝트인가요?

HTML Anything은 로컬 AI 코딩 에이전트를 사용해 Markdown, CSV, JSON, SQL, 일반 메모 같은 원시 입력으로 HTML을 생성하는 편집기입니다. PATH에서 Claude Code, Codex, Gemini CLI, Cursor Agent, Copilot CLI, OpenCode, Qwen Coder, Aider 등 지원되는 CLI를 자동으로 감지하고 기존 로그인 세션을 재사용하므로 별도의 API 키가 필요하지 않습니다.

생성은 9개 영역으로 분류된 75개의 스킬 템플릿을 기반으로 합니다. 영역에는 잡지 기사, 키노트 슬라이드 덱, 이력서, 포스터, Xiaohongshu 및 트윗 카드, 웹 프로토타입, 데이터 보고서, Hyperframes 비디오 프레임이 포함됩니다. 생성 결과는 만들어지는 즉시 샌드박스 처리된 iframe 미리보기에 표시되며, CSS를 인라인 처리해 WeChat이나 Zhihu에 복사하거나 X에 이미지로 붙여넣고, .html 또는 .png 파일로 다운로드할 수 있습니다.

이 프로젝트는 Next.js 16과 React 19를 기반으로 하는 Apache-2.0 라이선스의 pnpm 워크스페이스입니다. 스킬을 추가하려면 SKILL.md 파일과 example.html 파일이 있는 폴더를 추가하면 됩니다.

핵심 기능

  • 01PATH에 설치된 코딩 에이전트 CLI를 감지하고 기존 로그인 세션을 재사용합니다
  • 02슬라이드 덱부터 Hyperframes 비디오 프레임까지 9개 영역에 걸친 75개의 스킬 템플릿을 제공합니다
  • 03생성된 HTML을 샌드박스 처리된 iframe 미리보기에 실시간으로 표시합니다
  • 04CSS를 인라인 처리해 WeChat 및 Zhihu용으로 내보내고, X에는 이미지로 내보내거나 .html 및 .png 파일로 내보냅니다
  • 05CSV, Excel, JSON, SQL 입력을 업로드 없이 브라우저에서 파싱합니다

활용 사례

  • Markdown 초안을 스타일이 적용된 WeChat 기사나 Zhihu 게시물로 만들기
  • 원시 메모로 슬라이드 덱이나 한 페이지 포스터 만들기
  • CSV 또는 스프레드시트 내보내기 파일로 데이터 보고서 만들기
  • 소셜 게시물용 Xiaohongshu 또는 트윗 스타일 이미지 카드 만들기

빠른 시작

  1. 1

    저장소를 클론합니다

  2. 2

    pnpm으로 종속성을 설치합니다

  3. 3

    로컬 개발 서버를 시작합니다

    pnpm -F @html-anything/next dev

사용 전 알아둘 점

  • 지원되는 coding-agent CLI(예: Claude Code 또는 Codex)가 하나 이상 설치되어 있고 로그인되어 있어야 합니다.
  • pnpm을 사용하는 Next.js 워크스페이스를 기반으로 하므로 패키지 앱이 아닌 로컬 환경에서 실행됩니다.

포함된 컬렉션

Claude Code 도구·스킬·플러그인오픈소스 AI 에이전트 프레임워크와 앱AI 에이전트 스킬 라이브러리프라이버시·로컬 퍼스트 도구데이터 과학 학습서 & 도구정적 사이트 생성기 및 문서 도구

토픽

#html-editor#ai-agents#claude-code#markdown#local-first#agent-skills#data-visualization#presentation#agentic#ai-design

자주 묻는 질문

html-anything은(는) 무엇인가요?
설치된 코딩 에이전트 CLI를 활용해 Markdown, CSV, 메모를 단일 파일 HTML 페이지, 슬라이드 덱, 포스터로 만드는 로컬 우선 HTML 편집기입니다. HTML Anything은 로컬 AI 코딩 에이전트를 사용해 Markdown, CSV, JSON, SQL, 일반 메모 같은 원시 입력으로 HTML을 생성하는 편집기입니다. PATH에서 Claude Code, Codex, Gemini CLI, Cursor Agent, Copilot CLI, OpenCode, Qwen Coder, Aider 등 지원되는 CLI를 자동으로 감지하고 기존 로그인 세션을 재사용하므로 별도의 API 키가 필요하지 않습니다.
html-anything은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
html-anything은(는) Apache-2.0 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
html-anything은(는) 아직 유지보수되고 있나요?
활발히 유지보수 중. html-anything의 마지막 커밋은 2026년 10월 13일입니다.
html-anything은(는) 어디에 사용할 수 있나요?
Markdown 초안을 스타일이 적용된 WeChat 기사나 Zhihu 게시물로 만들기 원시 메모로 슬라이드 덱이나 한 페이지 포스터 만들기 CSV 또는 스프레드시트 내보내기 파일로 데이터 보고서 만들기 소셜 게시물용 Xiaohongshu 또는 트윗 스타일 이미지 카드 만들기
html-anything는 어떻게 설치하나요?
저장소를 클론합니다 pnpm으로 종속성을 설치합니다 로컬 개발 서버를 시작합니다: pnpm -F @html-anything/next dev
html-anything은(는) 어디서 받을 수 있나요?
소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/nexu-io/html-anything

요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.

관련 프로젝트