nexu-io/html-anything

✨ The agentic HTML editor — your local AI agent writes the HTML, you ship it. 🚀 75 Skills × 9 Surfaces (magazine · deck · poster · XHS / tweet · prototype · data report · Hyperframes) 🛡️ Sandboxed preview · 📤 1-click to WeChat / X / Zhihu / HTML / PNG 🔑 Zero API key — Claude Code / Cursor / Codex / Gemini / Copilot / OpenCode / Qwen / Aider.

HTML Anything – 에이전트 중심의 HTML 에디터

무엇인가요 – 로컬 우선, API 키 없이 사용 가능한 웹 앱입니다. Markdown, CSV, JSON, SQL 등 어떤 일반 텍스트 형식으로도 작성할 수 있으며, 로컬 AI 코드 에이전트가 이를 완전한 단일 파일 HTML 페이지로 변환합니다. 생성된 페이지는 즉시 미리보기 가능하며, HTML 또는 고해상도 PNG로 내보내거나 중국 소셜 플랫폼(WeChat, X, Zhihu)에 직접 배포하거나 로컬에 저장할 수 있습니다.

주요 기능

  • 에이전트 탐지 – 앱 시작 시 PATH를 스캔하여 최대 9개의 지원되는 코드 에이전트 CLI(Claude Code, Cursor Agent, OpenAI Codex, Gemini CLI, GitHub Copilot CLI, OpenCode, Qwen Coder, Aider, IBM Bob)를 탐지하고, 실행할 에이전트를 선택할 수 있습니다.
  • 75개의 미리 준비된 기술 템플릿 – 9가지 표면 모드(매거진 기사, 키노트 슬라이드, 이력서, 포스터, Xiaohongshu 카드, 트윗 카드, 웹 프로토타입, 데이터 리포트, Hyperframes 비디오)로 구성됩니다. 각 템플릿은 레이아웃, 팔레트, 콘텐츠 구조를 정의하며, 에이전트가 입력 내용으로 채웁니다.
  • 실시간 스트리밍 렌더링 – 에이전트는 JSON 라인 형식의 출력을 스트리밍합니다. 프론트엔드는 변화량을 파싱하고 실시간으로 격리된 <iframe> 미리보기를 업데이트하므로, 페이지가 한 줄씩 생성되는 과정을 관찰할 수 있습니다.
  • 한 번의 클릭으로 내보내기 – WeChat용 인라인 CSS '주스', X/Weibo/Xiaohongshu용 스크린샷 → PNG 변환, Zhihu용 LaTeX 플레이스홀더 처리, 그리고 순수한 .html.png 다운로드 기능이 포함되어 있습니다.
  • 사전 보안 미리보기 – iframe은 sandbox=로 실행되어 안전한 환경에서 미리보기가 이루어집니다.

관련

  • 프로젝트
  • 프로젝트
  • 프로젝트
  • 프로젝트
  • 프로젝트