add-content-image

Analyze screenshots and insert sized markdown references into course documentation.

2|Updated Jan 30, 2026
One-click install
npx skills add https://github.com/amdmax/claude_marketplace --skill add-content-image
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: add-content-image
Source: https://github.com/amdmax/claude_marketplace/tree/main/.claude/skills/add-content-image
Command: npx skills add https://github.com/amdmax/claude_marketplace --skill add-content-image

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill automates the process of adding new screenshots to course materials, from finding the image to placing it correctly in markdown with appropriate sizing and naming.

Core Features & Use Cases

  • Automated Image Processing: Locates the newest screenshot, analyzes its content, and determines the best placement.
  • Smart Naming & Moving: Renames images descriptively and moves them to the correct course week folder.
  • Contextual Markdown Insertion: Adds markdown references with optimal sizing based on content type.
  • Use Case: After creating a new tutorial video and taking a screenshot of a key UI element, this skill can automatically add it to the relevant section of your online course documentation.

Quick Start

Process the most recent image in src/images/ and add it to the course materials.

Frequently Asked Questions about add-content-image

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

FAQPage Schema
How do I automate adding screenshots to markdown course materials?

To automate adding screenshots to markdown course materials, this Skill locates the newest image in your source directory, analyzes its content, and inserts a properly sized markdown reference into the correct section of your curriculum documentation.

Can I automatically rename and move images to specific week directories?

Yes, you can automatically rename and move images. The Skill analyzes screenshot content to generate descriptive file names and relocates the image files into the appropriate course week directories within your project structure.

How does automated image processing determine optimal placement in documentation?

Automated image processing determines optimal placement by analyzing the visual content of the screenshot and mapping that context against your structured curriculum, ensuring the markdown reference appears in the most relevant section.

Do I need a specific folder structure to integrate screenshots into course documentation?

You need a source directory like `src/images/` for new screenshots and an organized curriculum with specific week directories. The Skill processes the most recent image from the source and moves it to the matching week folder.

What is the best way to format markdown references for visual aids in tutorials?

The best way to format markdown references for visual aids is to let the Skill generate them automatically. It applies optimal sizing based on the image content type and ensures accurate markdown formatting for your course materials.