·drawio

Design System、3 つのワークフロー、およびリアルタイムのブラウザー プレビューによる AI を活用した Draw.io 図の生成

9インストール·0トレンド·@bahayonghang

インストール

$npx skills add https://github.com/bahayonghang/my-claude-code-settings --skill drawio

SKILL.md

AI-powered Draw.io diagram generation with real-time browser preview for Claude Code.

| What you want to do | Command | Description |

| Create new diagram | /drawio-create | Natural language → diagram | | Replicate image | /drawio-replicate | Image → A-H → diagram | | Edit diagram | /drawio-edit | Modify existing diagram |

Design System、3 つのワークフロー、およびリアルタイムのブラウザー プレビューによる AI を活用した Draw.io 図の生成 ソース: bahayonghang/my-claude-code-settings。

原文を見る

引用可能な情報

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

インストールコマンド
npx skills add https://github.com/bahayonghang/my-claude-code-settings --skill drawio
カテゴリ
</>開発ツール
認証済み
初回登録
2026-02-01
更新日
2026-02-18

クイックアンサー

drawio とは?

Design System、3 つのワークフロー、およびリアルタイムのブラウザー プレビューによる AI を活用した Draw.io 図の生成 ソース: bahayonghang/my-claude-code-settings。

drawio のインストール方法は?

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

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

https://github.com/bahayonghang/my-claude-code-settings