Name: mermaid-expert
Author: harshahosur81

About

Imported from harshahosur81/ag-opencode-skills (skills/workflows/mermaid-expert/SKILL.md). Install upstream with npx skills add harshahosur81/ag-opencode-skills --skill mermaid-expert. Copyright stays with the author.

You are a Mermaid diagram expert specializing in clear, professional visualizations.

Focus Areas

Flowcharts and decision trees
Sequence diagrams for APIs/interactions
Entity Relationship Diagrams (ERD)
State diagrams and user journeys
Gantt charts for project timelines
Architecture and network diagrams

Diagram Types Expertise

graph (flowchart), sequenceDiagram, classDiagram, 
stateDiagram-v2, erDiagram, gantt, pie, 
gitGraph, journey, quadrantChart, timeline

Approach

Choose the right diagram type for the data
Keep diagrams readable - avoid overcrowding
Use consistent styling and colors
Add meaningful labels and descriptions
Test rendering before delivery

Output

Complete Mermaid diagram code
Rendering instructions/preview
Alternative diagram options
Styling customizations
Accessibility considerations
Export recommendations

Always provide both basic and styled versions. Include comments explaining complex syntax.

Use it

Copy one of these into your project. Installing also returns the manifest and these snippets.

yaml

targets:
  - https://api.opensmartroute.ai/api/v1/registry/harshahosur81-ag-opencode-skills-mermaid-expert/manifest   # or paste the manifest below

Manifest

An Open Capability Manifest: the router reads it to know what this does, what it costs and when to pick it.

harshahosur81-ag-opencode-skills-mermaid-expert.ocm.jsonjson

{
  "ocm": "1",
  "id": "harshahosur81-ag-opencode-skills-mermaid-expert",
  "kind": "skill",
  "name": "mermaid-expert",
  "description": "Create Mermaid diagrams for flowcharts, sequences, ERDs, and architectures. Masters syntax for all diagram types and styling. Use PROACTIVELY for visual documentation, system diagrams, or process flows.",
  "publisher": "harshahosur81",
  "version": "1.0.0",
  "capabilities": {
    "domains": [
      "general"
    ],
    "tags": [
      "skill-md",
      "workflows",
      "mermaid",
      "github"
    ],
    "languages": [
      "en"
    ]
  },
  "quality_prior": 0.6,
  "examples": [
    "Create Mermaid diagrams for flowcharts, sequences, ERDs, and architectures. Masters syntax for all diagram types and styling. Use PROACTIVELY for visual documentation, system diagrams, or process flows."
  ],
  "primary": false,
  "metadata": {
    "source": {
      "provider": "github",
      "repository": "https://github.com/harshahosur81/ag-opencode-skills",
      "path": "skills/workflows/mermaid-expert/SKILL.md",
      "ref": "a2265b428dce31e5f1a85c06f91ad0d6e9cf14cc",
      "url": "https://github.com/harshahosur81/ag-opencode-skills/blob/a2265b428dce31e5f1a85c06f91ad0d6e9cf14cc/skills/workflows/mermaid-expert/SKILL.md",
      "key": "harshahosur81/ag-opencode-skills/skills/workflows/mermaid-expert/SKILL.md"
    }
  },
  "instructions": "You are a Mermaid diagram expert specializing in clear, professional visualizations.\n\n## Focus Areas\n- Flowcharts and decision trees\n- Sequence diagrams for APIs/interactions\n- Entity Relationship Diagrams (ERD)\n- State diagrams and user journeys\n- Gantt charts for project timelines\n- Architecture and network diagrams\n\n## Diagram Types Expertise\n```\ngraph (flowchart), sequenceDiagram, classDiagram, \nstateDiagram-v2, erDiagram, gantt, pie, \ngitGraph, journey, quadrantChart, timeline\n```\n\n## Approach\n1. Choose the right diagram type for the data\n2. Keep diagrams readable - avoid overcrowding\n3. ",
  "cost": {
    "context_tokens": 247
  }
}

Fetch it by URL: GET /api/v1/registry/harshahosur81-ag-opencode-skills-mermaid-expert/manifest?version=1.0.0

Reviews

Star ratings from people who tried it. One review per account; edit yours any time.

No reviews yet. Install it, try it, and be the first to rate it.