add-media

Insert Mermaid diagrams, images, and video embeds into blog posts.

1|Updated Feb 9, 2026
One-click install
npx skills add https://github.com/brennacodes/brenna-plugs --skill add-media
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: add-media
Source: https://github.com/brennacodes/brenna-plugs/tree/main/plugins/mark-my-words/skills/add-media
Command: npx skills add https://github.com/brennacodes/brenna-plugs --skill add-media

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps you enrich blog posts with visuals by adding diagrams, images, and video embeds, enabling readers to better understand concepts and engagement.

Core Features & Use Cases

  • Mermaid diagrams for processes, architectures, and workflows
  • Inline images for UI references, results, and before/after comparisons
  • Video embeds for demos, talks, and tutorials
  • Clear placement rules guided by references/media-guide.md

Quick Start

Identify the target post and add the requested visuals using diagrams, images, or videos.

Frequently Asked Questions about add-media

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I embed Mermaid diagrams into a blog post?

You can embed Mermaid diagrams into a blog post by using this Skill to apply structured media guidelines, ensuring processes and architectures are visually illustrated. It handles Mermaid diagram insertion based on configured media-guide rules.

What is the best way to add images and video embeds to articles for better engagement?

The best way to add images and video embeds is using this Skill, which inserts inline media for UI references, demos, and tutorials into your articles. It follows media-guide guidelines to visually illustrate concepts and improve reader engagement.

Can I use my own media placement rules when inserting diagrams and videos?

Yes, you can configure your own media placement rules. This Skill allows you to configure guidelines via the .claude/mark-my-words.local.md file and applies them alongside the references/media-guide.md document during media insertion.

Does this Skill support adding both images and Mermaid workflows in the same post?

Yes, this Skill supports adding both images and Mermaid workflows in the same post. It is designed to insert diagrams, images, and video embeds together, helping editors visually illustrate concepts and improve engagement.

How do I configure media insertion behavior for specific blog posts?

You configure media insertion behavior by editing the .claude/mark-my-words.local.md file. This Skill reads your configuration and applies the placement rules defined in references/media-guide.md when enriching your blog posts with visuals.

When should I use Mermaid diagrams instead of inline images in my blog post?

You should use Mermaid diagrams for processes, architectures, and workflows, while reserving inline images for UI references, results, and before/after comparisons. This Skill helps you apply both media types according to your media-guide guidelines.