システム、データ ストーリー、調査、編集ワークフロー、コード変更を視覚的に説明する自己完結型 HTML ページを生成します。ユーザーが図、アーキテクチャ ビュー、視覚的な差分、データ テーブル、タイムライン、ソース マップ、または端末出力として読み取るのが困難な構造化された視覚化を要求する場合に使用します。 4 行以上または 3 列以上のテーブルでも有効になります。 nicobailon/visual-explainer をジャーナリズム、ニュースルーム、アカデミックなデザインの感性でアレンジ。
コマンドラインで visual-explainer AI スキルを開発環境にすばやくインストール
ソース: jamditis/claude-skills-journalism。
Generate self-contained HTML files for technical diagrams and data visualizations. Always open the result in the browser. Never fall back to ASCII art when this skill is loaded.
Proactive table rendering: When about to output a table with 4+ rows or 3+ columns, render it as styled HTML instead of ASCII. Open in browser.
The swap test: If you replaced your styling with a generic dark theme and nobody would notice the difference, you haven't designed anything. Push further.
システム、データ ストーリー、調査、編集ワークフロー、コード変更を視覚的に説明する自己完結型 HTML ページを生成します。ユーザーが図、アーキテクチャ ビュー、視覚的な差分、データ テーブル、タイムライン、ソース マップ、または端末出力として読み取るのが困難な構造化された視覚化を要求する場合に使用します。 4 行以上または 3 列以上のテーブルでも有効になります。 nicobailon/visual-explainer をジャーナリズム、ニュースルーム、アカデミックなデザインの感性でアレンジ。 ソース: jamditis/claude-skills-journalism。
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/jamditis/claude-skills-journalism --skill visual-explainerシステム、データ ストーリー、調査、編集ワークフロー、コード変更を視覚的に説明する自己完結型 HTML ページを生成します。ユーザーが図、アーキテクチャ ビュー、視覚的な差分、データ テーブル、タイムライン、ソース マップ、または端末出力として読み取るのが困難な構造化された視覚化を要求する場合に使用します。 4 行以上または 3 列以上のテーブルでも有効になります。 nicobailon/visual-explainer をジャーナリズム、ニュースルーム、アカデミックなデザインの感性でアレンジ。 ソース: jamditis/claude-skills-journalism。
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/jamditis/claude-skills-journalism --skill visual-explainer インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
https://github.com/jamditis/claude-skills-journalism