nexu-io/html-anything

これは何？

主な機能

• 01PATH上にあるインストール済みのコーディングエージェントCLIを検出し、既存のログインセッションを再利用
• 02スライドからHyperframesの動画フレームまで、9種類の出力用途に対応する75種類のスキルテンプレートを搭載
• 03生成したHTMLをサンドボックス化されたiframeプレビューにリアルタイムで表示
• 04CSSをインライン化してWeChatやZhihu向けに出力したり、X向けに画像として出力したり、.htmlや.pngファイルとして保存したりできる
• 05CSV、Excel、JSON、SQLの入力をアップロードせずにブラウザー内で解析

ユースケース

• Markdownの下書きから、デザインを整えたWeChat記事やZhihu投稿を作成する
• メモからスライドや1ページのポスターを作る
• CSVやスプレッドシートのエクスポートデータからレポートを作成する
• SNS投稿向けに、小紅書やツイート風の画像カードを作る

クイックスタート

1. 1

   リポジトリをクローンする

2. 2

   pnpm で依存関係をインストールする

3. 3

   ローカル開発サーバーを起動する

   pnpm -F @html-anything/next dev

使う前に知っておきたいこと

• !サポート対象の coding-agent CLI（Claude Code や Codex など）が少なくとも1つインストールされ、ログイン済みである必要があります。
• !pnpm を使う Next.js のワークスペース上に構築されているため、パッケージ化されたアプリではなく、ローカルで実行します。

収録されている特集

トピック

よくある質問

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年11月6日 です。

html-anything は何に使えますか？

Markdownの下書きから、デザインを整えたWeChat記事やZhihu投稿を作成する メモからスライドや1ページのポスターを作る CSVやスプレッドシートのエクスポートデータからレポートを作成する SNS投稿向けに、小紅書やツイート風の画像カードを作る

html-anything のインストール方法は？

リポジトリをクローンする pnpm で依存関係をインストールする ローカル開発サーバーを起動する: pnpm -F @html-anything/next dev

html-anything はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/nexu-io/html-anything