Skill · Design

mermaid

Designmcpdirectory↓ 29

Render Mermaid diagrams as SVG or ASCII art using beautiful-mermaid.

Install
$ npx skills add iOfficeAI/AionUi --skill mermaid

Generic steps — the original listing is authoritative. Copy the command, run it where you keep agent skills, then confirm version and requirements in the original listing.

At a glance

  • 29 installs reported on mcpdirectory.
  • Published by iOfficeAI — listed by mcpdirectory. Setup details live in the original listing.

How to use

  1. Copy the Install command above.
  2. Run it where you keep agent skills.
  3. Confirm version and requirements in the original listing.

More in Design

  • marker — Convert PDF documents to Markdown using marker_single. Use when Claude needs to extract text content from PDFs
  • docs-write — Write documentation following Metabase's conversational, clear, and user-focused style. Use when creating or e
  • design-md — Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files
  • anti-slop — Comprehensive toolkit for detecting and eliminating "AI slop" - generic, low-quality AI-generated patterns in
  • pdf-translator — Extract text from PDF files, translate it to a target language, and save the result as a Markdown file. Use th
  • skill-writer — Guide users through creating Agent Skills for Claude Code. Use when the user wants to create, write, author, o

More from iOfficeAI

  • xiaohongshu-recruiter — 用于在小红书上发布高质量的 AI 相关岗位招聘帖子。包含自动生成极客风格的招聘封面图和详情图,并提供自动化发布脚本。当用户需要发布招聘信息、寻找 Agent 设计师或其他 AI 领域人才时使用。

← Back to Skills catalog · View original listing ↗

Outdated or wrong? Report this listing.