mcpField
N
nimbalyst-skills

nimbalyst-skills

github.com/podoDesign & UI29162 installsUpdated 1d ago
Repository

About nimbalyst-skills

nimbalyst-skills is a set of three skills for Nimbalyst IDE covering Excalidraw diagrams, UI mockups, and data models. Its Excalidraw skill includes MCP-based programmatic editing and Mermaid import.

Key features

  1. 01Programmatic Excalidraw element editing
  2. 02Mermaid diagram import
  3. 03UI wireframes with architecture diagrams
  4. 04Data model design

Use cases

  1. 01Editing Excalidraw diagrams with MCP tools
  2. 02Creating UI wireframes alongside architecture diagrams
  3. 03Designing data models

MCP support

The Excalidraw skill uses MCP tools to add shapes, arrows, and frames, and to import Mermaid diagrams.

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/podo/design-agent-skills --skill nimbalyst-skills

After installing, type/nimbalyst-skillsin Claude Code to confirm it loaded.

Bundled filesstub.yaml

Details

From the project README

nimbalyst-skills

Catalogue stub — full package: nimbalyst.com/skills

Decision tree

Run this for Nimbalyst IDE skill workflows:

  1. Is a Nimbalyst skill already installed? Check: ~/.design-agent-skills/skills/excalidraw/SKILL.md exists (from Nimbalyst registry).

    • Yes → invoke the specific skill by name and proceed
    • No → go to step 2
  2. Do you have shell access?

    • Yes → run the install command below, then invoke the skill
    • No → show the install command; in Claude Code, send it as a chat message starting with ! — add -g for global install or omit for project-only

Install command

# 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

Note: Nimbalyst uses a custom skill registry. If the above fails, install directly from nimbalyst.com/skills.

Invoke after install

  • excalidraw (nimbalyst) — "excalidraw with MCP", "interactive excalidraw"
  • mockup — "UI mockup", "wireframe alongside architecture"
  • datamodel — "data model design"

What it does

Nimbalyst IDE's 3 skills with unique MCP-enhanced capabilities: Excalidraw with programmatic element manipulation via MCP tools (add shapes, arrows, frames, import from Mermaid), UI wireframing that co-generates architecture diagrams, and structured data model design.

Comments

Markdown supported