skill-image-enrichment

Add image placeholders, captions, and Mermaid diagrams to blog drafts.

1|Updated Feb 21, 2026
One-click install
npx skills add https://github.com/Clement-ccy/create-opencode-workspace --skill skill-image-enrichment
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: skill-image-enrichment
Source: https://github.com/Clement-ccy/create-opencode-workspace/tree/main/templates/content-creator/.opencode/skills/skill-image-enrichment
Command: npx skills add https://github.com/Clement-ccy/create-opencode-workspace --skill skill-image-enrichment

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Blog drafts often lack visual context and standardized diagrams. This skill provides structured guidance to enrich content with image placeholders, captions, Mermaid diagrams, and layout-ready visuals after drafting.

Core Features & Use Cases

  • Post-draft visual enrichment: insert placeholder images, captions, Mermaid charts, and lightweight diagrams to improve readability.
  • Visual consistency: standardizes image descriptions and diagram styles across posts.
  • Use Case: apply the skill to a draft to insert placeholders, add a Mermaid diagram illustrating article structure, and prepare alt text for accessibility.

Quick Start

Provide a placeholder image block and a Mermaid diagram template for the current draft.

Frequently Asked Questions about skill-image-enrichment

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

FAQPage Schema
How do I add image placeholders and Mermaid diagrams to a blog draft?

To add image placeholders and Mermaid diagrams to a blog draft, you apply an enrichment process that inserts visual placeholders, captions, and structured charts into the text. This standardizes visual elements and prepares layout-ready guidance for your editorial pipeline.

What is the best way to standardize alt text and captions across blog posts?

The best way to standardize alt text and captions is to apply a post-draft visual enrichment step that automatically generates accessible image descriptions and consistent caption styles. This ensures visual consistency across all published articles in your editorial pipeline.

Can I use Mermaid charts to illustrate article structure in my drafts?

Yes, you can use Mermaid charts to illustrate article structure in your drafts. The visual enrichment process supports inserting lightweight Mermaid diagrams directly into the text to improve readability and provide structured visual context for readers.

When do I need to insert visual placeholders in my content pipeline?

You need to insert visual placeholders in your content pipeline after drafting is complete but before final layout. This post-draft enrichment phase adds layout-ready images, captions, and diagrams without disrupting the initial writing process.

Does visual enrichment for blogs require any specific dependencies?

No specific dependencies are required to perform visual enrichment for blogs. The process works by providing a placeholder image block and a Mermaid diagram template to apply consistent visuals, alt text, and layout guidance directly to the draft.