Stats
Actions
Tags
From nuxtseo-content
Create flowcharts, architecture diagrams, sequence diagrams, or decision trees for technical content. Supports Mermaid (inline markdown) and D2 (styled SVGs with design tokens).
How this skill is triggered — by the user, by Claude, or both
Slash command
/nuxtseo-content:diagramThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Generate diagrams for technical content. Claude invokes this when content would benefit from visual explanation.
Generate diagrams for technical content. Claude invokes this when content would benefit from visual explanation.
Arguments: $ARGUMENTS
| Use Case | Format |
|---|---|
| Markdown docs (GitHub/GitLab) | Mermaid (native rendering, zero deps) |
| Web pages needing polish | D2 (custom colors, design tokens) |
| No CLI available | Mermaid |
Proactively offer for: decision logic, multi-step processes (3+), architecture/data flow, branching comparisons.
which d2 — fall back to Mermaid if missing.claude/context/design-tokens.md or extract tokens from tailwind.config.ts / app.config.ts / CSSd2 --pad 24 --theme 0 <name>.d2 public/<path>/<name>.svgSee ${CLAUDE_SKILL_DIR}/references/d2-syntax.md and ${CLAUDE_SKILL_DIR}/references/design-tokens.md.
Insert inline in markdown:
```mermaid
flowchart LR
Request --> Auth --> Handler --> Response
```
Types: flowchart, sequenceDiagram, stateDiagram-v2, erDiagram, gitGraph.
See ${CLAUDE_SKILL_DIR}/references/mermaid-syntax.md.
Max 8-10 nodes. Short labels (2-3 words). Consistent direction.
Describe the conclusion, not the structure:
npx claudepluginhub nuxt-seo-pro/claude-plugins --plugin nuxtseo-contentSearches MemPalace before answering questions about past work, people, projects, or prior decisions. Returns verbatim stored content instead of guessing from model memory.
Fetches up-to-date documentation from Context7 for libraries and frameworks like React, Next.js, Prisma. Use for setup questions, API references, and code examples.
Guides Payload CMS config (payload.config.ts), collections, fields, hooks, access control, APIs. Debugs validation errors, security, relationships, queries, transactions, hook behavior.