html-visual

Name: html-visual
Author: 2ykwang

✓

2ykwang/agent-skillsGitHub: 2ykwang/agent-skills ソース: 2ykwang/agent-skills

インタラクティブな単一ファイルの HTML ビジュアライゼーション (モックアップ、ワイヤーフレーム、ERD、フローチャート、チャート、スライド、アーキテクチャ図、ダッシュボード、タイムライン、マインドマップ、カンバン、テーブル) を生成します。

2ykwang·html·visual

77インストール·3トレンド·@2ykwang

インストール

GitHub: 2ykwang/agent-skills

$npx skills add https://github.com/2ykwang/agent-skills --skill html-visual

html-visual のインストール方法

コマンドラインで html-visual AI スキルを開発環境にすばやくインストール

ターミナルを開く: ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます
インストールコマンドを実行: このコマンドをコピーして実行します: npx skills add https://github.com/2ykwang/agent-skills --skill html-visual
インストールを確認: インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります

ソース: 2ykwang/agent-skills。

SKILL.md

原文を見る

Visualize the user's request as an interactive single HTML file. First, read references/common-rules.md to review common rules.

| mockup | UI mockup (high-fidelity) | mockup-{name}.html | | wireframe | Wireframe (low-fidelity, hand-drawn style) | wireframe-{name}.html | | erd | ERD | erd-{name}.html | | flow | Flowchart / Sequence diagram | flow-{name}.html | | chart | Data chart | chart-{name}.html | | slides | Presentation | slides-{name}.html |

| arch | Architecture diagram | arch-{name}.html | | dashboard | Composite dashboard | dashboard-{name}.html | | timeline | Timeline / Gantt chart | timeline-{name}.html | | mindmap | Mindmap | mindmap-{name}.html | | kanban | Kanban board | kanban-{name}.html | | table | Interactive data table | table-{name}.html |

インタラクティブな単一ファイルの HTML ビジュアライゼーション (モックアップ、ワイヤーフレーム、ERD、フローチャート、チャート、スライド、アーキテクチャ図、ダッシュボード、タイムライン、マインドマップ、カンバン、テーブル) を生成します。ソース: 2ykwang/agent-skills。

引用可能な情報

AI/検索での引用用の安定したフィールドとコマンド。

インストールコマンド: npx skills add https://github.com/2ykwang/agent-skills --skill html-visual
ソース: 2ykwang/agent-skills
カテゴリ: {}データ分析
認証済み: ✓
初回登録: 2026-02-19
更新日: 2026-03-10
URL: https://www.learn-skills.dev/ja/skills/2ykwang/agent-skills/html-visual

Browse more skills from 2ykwang/agent-skills

クイックアンサー

html-visual とは？

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

ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きますこのコマンドをコピーして実行します: npx skills add https://github.com/2ykwang/agent-skills --skill html-visual インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります

ソースリポジトリはどこですか？

https://github.com/2ykwang/agent-skills

詳細

カテゴリ: {}データ分析
ソース: skills.sh
初回登録: 2026-02-19