What makes this different from standard HTML-to-Markdown converters?

Unlike generic converters, this skill applies a specific set of semantic rules and custom tags like and , ensuring the output is ready for specialized Vitepress design systems.

Can this skill handle malformed or 'broken' HTML?

Yes, it is specifically prompted to analyze 'jacked up' HTML and infer the original intent of the content to produce a clean, working Markdown file.

How does it handle images and captions?

It looks for specific patterns like 'click for full size' to automatically hyperlink images to their source and generates proper caption syntax based on surrounding text.

Is the output compatible with Vitepress components?

Yes, the skill is designed to output Markdown that integrates directly with custom Vue-based components used in Vite-powered documentation and blogs.

Does it support video embeds?

It automatically identifies messy YouTube iframe embeds and converts them into a standardized, responsive container format.

Broken HTML to Styled Markdown Sanitizer

Name: Broken HTML to Styled Markdown Sanitizer
Author: bdmorin

bybdmorin

•

コンテンツ管理

Converts messy or fragmented HTML into sanitized, custom-styled Markdown optimized for Vitepress and Fabric patterns.

This skill acts as a specialized content refactor, transforming 'jacked up' or poorly formatted HTML into structured, high-quality Markdown that follows the specific aesthetic and semantic guidelines of the Fabric framework. It identifies complex elements—such as narrators, side notes, and video embeds—and maps them to specialized custom tags like <callout>, <aside>, and <bottomNote>. It is particularly valuable for developers and content creators migrating legacy web content or raw scrapes into a modern, component-driven blog architecture using Vitepress.

主な機能

01Sanitizes malformed or 'nasty' HTML into clean, editable Markdown

02Detects and converts specific content types into callouts, definitions, and asides

03Maps standard quotes and blockquotes to semantic <cite> and <blockquote> structures

04Automates image hyperlinking and captioning for 'click to enlarge' patterns

05Transforms messy YouTube embeds into responsive, standardized video containers

061 GitHub stars

ユースケース

01Migrating legacy blog content from HTML-heavy databases to Markdown-based static sites

02Cleaning up web-scraped data for consistent rendering in personal knowledge bases

03Standardizing diverse content inputs to match the Fabric design system and Vitepress components

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add bdmorin/the-no-shop sanitize-broken-html-to-markdown

For use in Claude.ai and ChatGPT

主な機能

01Sanitizes malformed or 'nasty' HTML into clean, editable Markdown

02Detects and converts specific content types into callouts, definitions, and asides

03Maps standard quotes and blockquotes to semantic <cite> and <blockquote> structures

04Automates image hyperlinking and captioning for 'click to enlarge' patterns

05Transforms messy YouTube embeds into responsive, standardized video containers

061 GitHub stars

ユースケース

01Migrating legacy blog content from HTML-heavy databases to Markdown-based static sites

02Cleaning up web-scraped data for consistent rendering in personal knowledge bases

03Standardizing diverse content inputs to match the Fabric design system and Vitepress components

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add bdmorin/the-no-shop sanitize-broken-html-to-markdown

For use in Claude.ai and ChatGPT