skills.rest
ddttom
ddttomCOMMUNITY
Explore all skills by this author →
GitHub

create-blog

Convert Markdown blog drafts into semantic, WCAG 2.1 AA compliant HTML with extracted SVGs and metadata.

Updated Dec 28, 2025
Search Tags:#automation#markdown#blogging#accessibility#svg#ai-agent#semantic-html
One-click install
npx skills add https://github.com/ddttom/invisible-users --skill create-blog
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: create-blog
Source: https://github.com/ddttom/invisible-users/tree/main/.claude/skills/create-blog
Command: npx skills add https://github.com/ddttom/invisible-users --skill create-blog

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill automates the transformation of Markdown blog drafts into AI-agent-friendly HTML with semantic structure and WCAG 2.1 AA accessibility. It also handles SVG extraction, table of contents generation, and social-media-ready metadata.

Core Features & Use Cases

  • Semantic HTML generation: Converts Markdown to accessible, semantically structured HTML with appropriate heading anchors and ARIA-friendly figures.
  • SVG extraction & naming: Extracts inline SVGs to separate files with descriptive, semantic filenames for AI-agent parsing.
  • TOC generation: Creates a collapsible table of contents when there are enough H2 headings.
  • Metadata & social assets: Generates metadata, JSON-LD for SEO, and social media cards for sharing.

Quick Start

Use the skill by providing a Markdown blog file path and running the generator, for example: /create-blog docs/structure/my-blog.md

Frequently Asked Questions about create-blog

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

FAQPage Schema
How do I convert Markdown to semantic HTML for AI agent parsing?▼

To convert Markdown to semantic HTML, you provide a draft file to an automated pipeline that generates accessible structure, extracts SVGs, and adds heading anchors for AI agent parsing. This creates machine-readable output for discovery and citation.

What is the best way to make blog content machine-readable for AI discovery?▼

The best way to make blog content machine-readable is transforming Markdown into AI-agent-ready HTML with semantic structure, JSON-LD for SEO, and extracted SVG files. This enables automated discovery, citation, and sharing workflows.

How do I generate accessibility-compliant HTML from Markdown automatically?▼

You generate accessibility-compliant HTML by running Markdown drafts through a conversion pipeline that applies WCAG 2.1 AA standards, creating ARIA-friendly figures and semantically structured elements for accessible web content.

Does Markdown to HTML conversion support SVG extraction and TOC generation?▼

Yes, Markdown to HTML conversion supports SVG extraction by separating inline graphics into descriptive files for AI parsing, and generates a collapsible table of contents automatically when sufficient H2 headings exist.

Can I generate social media metadata and JSON-LD for SEO from Markdown blogs?▼

Yes, you can generate social media metadata and JSON-LD for SEO directly from Markdown blogs. The processing pipeline outputs social-ready cards and structured data alongside the semantic HTML conversion.

Related Skills

Explore More Content & Communication Skills→
shenxingyshenxingy
8

blog-translate

Translates blog/MDX/HTML posts into multiple languages preserving SEO formatting and structure.

Community
Advanced
moltis-orgmoltis-org
2.8k

architecture-diagram

Generate standalone HTML architecture diagrams with inline SVG from system descriptions.

Official
Advanced
89jobrien89jobrien
4

seo-analysis

Audit websites for technical SEO issues and Core Web Vitals targets.

Community
Advanced
zzafergokzzafergok
1

markdown-to-html-skill

Convert Markdown documents to HTML using marked.js, pandoc, gomarkdown, or static site generators.

Community
Intermediate