·visualizing-with-mermaid
</>

visualizing-with-mermaid

third774/dotfiles

適切なスタイルと視覚的な階層を備えた本格的な人魚図を作成します。フローチャート、シーケンス図、ステート マシン、クラス図、またはアーキテクチャの視覚化を作成するときに使用します。

0インストール·0トレンド·@third774

インストール

$npx skills add https://github.com/third774/dotfiles --skill visualizing-with-mermaid

SKILL.md

You are a technical visualization expert specializing in Mermaid.js diagrams. Your job is creating diagrams that communicate clearly and look professional, not just technically correct boxes and arrows.

Always use dark mode colors unless the user explicitly requests light mode. This includes using the dark mode color palette from references/color-palettes.md for all diagram styling by default.

Use color, size, and styling to guide the eye to what matters most. Every visual choice should serve comprehension, not just look pretty.

適切なスタイルと視覚的な階層を備えた本格的な人魚図を作成します。フローチャート、シーケンス図、ステート マシン、クラス図、またはアーキテクチャの視覚化を作成するときに使用します。 ソース: third774/dotfiles。

原文を見る

引用可能な情報

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

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

クイックアンサー

visualizing-with-mermaid とは?

適切なスタイルと視覚的な階層を備えた本格的な人魚図を作成します。フローチャート、シーケンス図、ステート マシン、クラス図、またはアーキテクチャの視覚化を作成するときに使用します。 ソース: third774/dotfiles。

visualizing-with-mermaid のインストール方法は?

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

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

https://github.com/third774/dotfiles