nimbalyst-skills について
nimbalyst-skillsは、Nimbalyst IDE向けの3つのスキル集で、Excalidraw図、UIワイヤーフレーム、データモデルを扱います。ExcalidrawスキルではMCPツールによる要素編集とMermaidのインポートが可能です。
主な機能
- 01Excalidraw要素のプログラム編集
- 02Mermaid図のインポート
- 03UIワイヤーフレームとアーキテクチャ図の作成
- 04データモデル設計
活用シーン
- 01MCPツールでExcalidraw図を編集
- 02UIワイヤーフレームとアーキテクチャ図を作成
- 03データモデルを設計
MCP 対応
ExcalidrawスキルはMCPツールを使って図形、矢印、フレームを追加し、Mermaid図をインポートします。
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ podo/ design-agent-skills --skill nimbalyst-skillsインストール後、Claude Code で/nimbalyst-skillsを入力して読み込まれたか確認します。
同梱ファイルstub.yaml
詳細
nimbalyst-skills
カタログの概要 — 完全なパッケージ:nimbalyst.com/skills
判断フロー
Nimbalyst IDE のスキルを使ったワークフローでは、次の手順を実行します。
-
Nimbalyst のスキルはすでにインストールされていますか? 確認:
~/.design-agent-skills/skills/excalidraw/SKILL.mdが存在する(Nimbalyst レジストリからインストール済み)。- はい → スキル名を指定して呼び出し、続行します
- いいえ → ステップ 2 に進みます
-
シェルにアクセスできますか?
- はい → 以下のインストールコマンドを実行してから、スキルを呼び出します
- いいえ → インストールコマンドを表示します。Claude Code では、
!で始まるチャットメッセージとして送信します。グローバルにインストールするには-gを追加し、プロジェクトのみにインストールする場合は省略します
インストールコマンド
# Excalidraw with MCP tool support (add elements, arrows, frames, Mermaid import)
npx skills add nimbalyst/excalidraw
# UI wireframe mockups alongside architecture diagrams
npx skills add nimbalyst/mockup
# Data model design
npx skills add nimbalyst/datamodel
注:Nimbalyst はカスタムスキルレジストリを使用します。上記の方法でうまくいかない場合は、nimbalyst.com/skills から直接インストールしてください。
インストール後の呼び出し
excalidraw(nimbalyst)—「MCP を使った excalidraw」、「インタラクティブな excalidraw」mockup—「UI モックアップ」、「アーキテクチャと並行したワイヤーフレーム」datamodel—「データモデル設計」
機能
Nimbalyst IDE の 3 つのスキルは、MCP によって強化された独自の機能を備えています。MCP ツールを使った Excalidraw のプログラムによる要素操作(図形、矢印、フレームの追加、Mermaid からのインポート)、アーキテクチャ図も同時に生成する UI ワイヤーフレーム作成、構造化データモデルの設計を利用できます。
コメント
Markdown 対応