mcpField
N
nimbalyst-skills

nimbalyst-skills

github.com/podoデザイン・UI29162 回インストール2 日前に更新
リポジトリ

nimbalyst-skills について

nimbalyst-skillsは、Nimbalyst IDE向けの3つのスキル集で、Excalidraw図、UIワイヤーフレーム、データモデルを扱います。ExcalidrawスキルではMCPツールによる要素編集とMermaidのインポートが可能です。

主な機能

  1. 01Excalidraw要素のプログラム編集
  2. 02Mermaid図のインポート
  3. 03UIワイヤーフレームとアーキテクチャ図の作成
  4. 04データモデル設計

活用シーン

  1. 01MCPツールでExcalidraw図を編集
  2. 02UIワイヤーフレームとアーキテクチャ図を作成
  3. 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 のスキルを使ったワークフローでは、次の手順を実行します。

  1. Nimbalyst のスキルはすでにインストールされていますか? 確認:~/.design-agent-skills/skills/excalidraw/SKILL.md が存在する(Nimbalyst レジストリからインストール済み)。

    • はい → スキル名を指定して呼び出し、続行します
    • いいえ → ステップ 2 に進みます
  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 ワイヤーフレーム作成、構造化データモデルの設計を利用できます。

コメント