Openclaw向けドキュメントから HTML への変換のためのセマンティック画像命名

一般的なドキュメント画像エクスポートを、HTML 参照と同期したセマンティックに命名された資産に変換するプロフェッショナルなユーティリティです。

tinglan803-coder

v1.0.0

Apr 21, 2026

インストール

概要情報

Skill.md

インストール＆ダウンロード

1. ClawHub CLI

レジストリから直接スキルをインストールする最速の方法です。


                  npx clawhub@latest install document-html-image-semantic-naming

2. 手動インストール

スキルフォルダを以下のいずれかの場所にコピーしてください

グローバル

~/.openclaw/skills/

ワークスペース

<project>/skills/

優先順位：ワークスペース > ローカル > バンドル

3. プロンプトのインストール

このプロンプトをOpenClawにコピーするだけで、自動的にインストールされます。


                  Clawhubを使って document-html-image-semantic-naming をインストールして。Clawhubがインストールされていない場合は、先にインストールしてください（npm i -g clawhub）。

ダウンロードをご希望ですか？

ZIPアーカイブで生のスキルファイルを取得します。

ドキュメントから HTML への変換のためのセマンティック画像命名とは？

このスキルは、doc、docx、および pdf から HTML への変換パイプライン専用のソリューションであり、image1.jpg のような無意味なファイル名を再利用可能な資産に変換することに焦点を当てています。Openclaw Skills を利用することで、周囲のテキスト、セクションヘッダー、キャプションなどのドキュメントのコンテキストと、画像の実際の視覚的コンテンツの交点を分析し、直感的なファイル名を生成します。

核となる価値は、暗黙的なドキュメントの関係を、明示的で検索可能かつ人間が読めるメタデータに変換することにあります。これにより、生成された HTML ファイルは機能的であるだけでなく、保守可能であり、長期的なデジタル資産管理のために最適化されます。

ドキュメントから HTML への変換のためのセマンティック画像命名のユースケース

画像に意味のあるセマンティックな名前が必要な docx、ppt、または pdf ファイルから HTML への変換。
一般的な media/image3.png ファイル名をコンテキスト対応のタイトルに置き換え。
より良い整理のために、画像の命名をドキュメントのヘッダーやセクションモジュールと同期。
大規模なデジタルライブラリや SEO 主導の Web プロジェクトに含めるための、ドキュメントから抽出された資産の準備。

ドキュメントから HTML への変換のためのセマンティック画像命名の仕組み

関係抽出: すべての生画像を HTML のタグ、周囲の段落、および親セクションヘッダーにマッピングします。
ロール識別: 位置に基づいて、画像をカバー、イラスト、地図、雰囲気ショットなどのカテゴリに分類します。
セマンティック精緻化: ドキュメントのテキストと視覚的コンテンツを相互参照し、ファイル名が画像を正確に反映していることを確認します。
バッチ実行: ファイル名を変更し、すべての HTML src 属性を更新し、トレーサビリティマッピングファイルを生成します。
検証: リンク切れが残っていないこと、およびすべてのセマンティック名が定義されたプロトコルに従っていることを確認します。

ドキュメントから HTML への変換のためのセマンティック画像命名のセットアップ

Openclaw Skills を使用してこの機能をワークフローに統合するには、次の手順に従ってください。

# 必要な変換ツールをインストールする
pip install pandoc

# エージェントにセマンティック命名スキルを追加する
openclaw install document-html-image-semantic-naming

# エクスポートされた HTML ディレクトリで命名プロセスを実行する
openclaw run document-html-image-semantic-naming --input ./dist --map ./mapping.csv

ドキュメントから HTML への変換のためのセマンティック画像命名のデータスキーマとタクソノミー

このスキルは、次のようなマッピングスキーマと整理されたディレクトリ構造を生成します。

属性	型	説明
source_name	String	元の一般的なファイル名（例：image4.jpeg）
context_info	String	抽出されたテキストコンテキストまたはヘッダー参照
final_semantic_name	String	[Module]-[Scene]-[Orientation]-[Index] に従った新しく生成された名前
mapping_log	CSV/JSON	元のファイルをセマンティックバージョンにリンクするトレーサビリティファイル