From mermaid
Creates and validates Mermaid diagrams (flowcharts, sequences, states, ER) in markdown files with syntax checking.
npx claudepluginhub bendrucker/claude --plugin mermaidThis skill uses the workspace's default tool permissions.
Create and validate Mermaid diagrams with syntax checking.
Guides Next.js Cache Components and Partial Prerendering (PPR) with cacheComponents enabled. Implements 'use cache', cacheLife(), cacheTag(), revalidateTag(), static/dynamic optimization, and cache debugging.
Guides building MCP servers enabling LLMs to interact with external services via tools. Covers best practices, TypeScript/Node (MCP SDK), Python (FastMCP).
Generates original PNG/PDF visual art via design philosophy manifestos for posters, graphics, and static designs on user request.
Create and validate Mermaid diagrams with syntax checking.
| Type | Directive | Use For |
|---|---|---|
| Flowchart | flowchart TB | Process flows, decision trees, system architecture |
| Sequence | sequenceDiagram | API interactions, message passing, protocols |
| State | stateDiagram-v2 | State machines, lifecycles, status transitions |
| ER | erDiagram | Database schemas, entity relationships |
Validate mermaid syntax in markdown files:
bun ${CLAUDE_SKILL_DIR}/scripts/validate.ts <file.md>
LR) for timelines, top-to-bottom (TB) for hierarchies