blog-content

Automate Markdown blog publishing with mdsvex, Shiki, RSS, sitemap, OG images, and FlexSearch.

Updated Apr 9, 2026
Ready to run
npx skills add https://github.com/jjc4480/my-blog --skill blog-content
๐Ÿ’ฌ Prompt for ChatGPT / Claude Chatโ–ผ
Please help me install this Agent Skill.
Skill: blog-content
Source: https://github.com/jjc4480/my-blog/tree/main/.claude/skills/blog-content
Command: npx skills add https://github.com/jjc4480/my-blog --skill blog-content

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

๋ธ”๋กœ๊ทธ ์ฝ˜ํ…์ธ  ํŒŒ์ดํ”„๋ผ์ธ ๊ตฌ์ถ•๊ณผ ์œ ์ง€๋ณด์ˆ˜๋ฅผ ๊ฐ„์†Œํ™”ํ•˜๊ณ , ๋งˆํฌ๋‹ค์šด ์ฝ˜ํ…์ธ ๋ฅผ mdsvex ์„ค์ •์— ๋งž๊ฒŒ ์ฒ˜๋ฆฌํ•˜๋ฉฐ ์ฝ”๋“œ ํ•˜์ด๋ผ์ดํŒ…, RSS/Sitemap ์ƒ์„ฑ, OG ์ด๋ฏธ์ง€ ์ž๋™ ์ƒ์„ฑ, ๊ฒ€์ƒ‰ ์ธ๋ฑ์Šค ๊ตฌ์ถ•๊นŒ์ง€ ํ•œ ๋ฒˆ์— ๊ด€๋ฆฌํ•ฉ๋‹ˆ๋‹ค.

Core Features & Use Cases

  • mdsvex ์„ค์ •๊ณผ ๋งˆํฌ๋‹ค์šด ์ฒ˜๋ฆฌ: mdsvex๋กœ ๊ฒŒ์‹œ๋ฌผ ๋ Œ๋”๋ง๊ณผ ํ™•์žฅ์„ฑ์„ ๊ฐœ์„ ํ•ฉ๋‹ˆ๋‹ค.
  • ์ฝ”๋“œ ํ•˜์ด๋ผ์ดํŒ…(Shiki): ํฌ์ŠคํŠธ ๋‚ด ์ฝ”๋“œ ๋ธ”๋ก์— ์•„๋ฆ„๋‹ค์šด ํ•˜์ด๋ผ์ดํŒ…์„ ์ ์šฉํ•ฉ๋‹ˆ๋‹ค.
  • RSS ํ”ผ๋“œ, Sitemap ๋ฐ OG ์ด๋ฏธ์ง€ ์ƒ์„ฑ: ๊ฒ€์ƒ‰ ์—”์ง„ ์ตœ์ ํ™” ๋ฐ ์†Œ์…œ ๋ฏธ๋””์–ด ๋ฏธ๋ฆฌ๋ณด๊ธฐ๋ฅผ ๊ฐ•ํ™”ํ•ฉ๋‹ˆ๋‹ค.
  • ๊ฒ€์ƒ‰ ์ธ๋ฑ์Šค ๊ตฌ์ถ•: flexsearch๋ฅผ ์‚ฌ์šฉํ•œ ํด๋ผ์ด์–ธํŠธ ์‚ฌ์ด๋“œ ๊ฒ€์ƒ‰ ์ธ๋ฑ์Šค๋ฅผ ์ƒ์„ฑํ•˜๊ณ  ํฌ์ŠคํŠธ๋ฅผ ๋น ๋ฅด๊ฒŒ ์ฐพ์Šต๋‹ˆ๋‹ค.
  • Automatic metadata ๋ฐ ๋ ˆ์ด์•„์›ƒ ๊ด€๋ฆฌ: mdsvex ๊ธฐ๋ฐ˜ ํฌ์ŠคํŠธ ๋ ˆ์ด์•„์›ƒ๊ณผ ๋ฉ”ํƒ€๋ฐ์ดํ„ฐ ๊ด€๋ฆฌ.

Quick Start

์ƒˆ๋กœ์šด Markdown ํฌ์ŠคํŠธ๋ฅผ ์ž‘์„ฑํ•˜๊ณ  ๋ธ”๋กœ๊ทธ ์ฝ˜ํ…์ธ  ํŒŒ์ดํ”„๋ผ์ธ์„ ํ†ตํ•ด ์ฒ˜๋ฆฌํ•ฉ๋‹ˆ๋‹ค.

Frequently Asked Questions about blog-content

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

FAQPage Schema
How do I automate a markdown blog content pipeline with mdsvex?โ–ผ

You can automate a markdown blog content pipeline by configuring mdsvex rendering, applying Shiki for code highlighting, and generating RSS feeds, sitemaps, and OG images. This Skill orchestrates the entire workflow from markdown ingestion to final indexed content.

What is the best way to add client-side search to a markdown blog?โ–ผ

Adding client-side search to a markdown blog is best achieved using FlexSearch to build a search index. This Skill generates a deterministic client-side search index from your rendered mdsvex posts, enabling fast content retrieval without server-side dependencies.

Does mdsvex work with Shiki for code highlighting in Svelte blog posts?โ–ผ

Mdsvex works with Shiki to provide code highlighting in Svelte blog posts. This Skill configures mdsvex to apply Shiki syntax highlighting to code blocks within your markdown content, ensuring deterministic code rendering across all published posts.

How do I generate RSS feeds and sitemaps for an mdsvex blog?โ–ผ

Generating RSS feeds and sitemaps for an mdsvex blog requires extracting post metadata and URLs to build structured files. This Skill automates RSS feed and sitemap generation directly from your markdown content schema, satisfying SEO criteria for search engine indexing.

Can I automatically create OG images and manage metadata for markdown posts?โ–ผ

You can automatically create OG images and manage metadata for markdown posts. This Skill handles automatic metadata extraction and layout management for mdsvex-based posts, including the generation of Open Graph images for social media previews.

What are the limitations of using a static markdown pipeline for SEO content?โ–ผ

Limitations of a static markdown pipeline for SEO content include the need for deterministic rendering and build-time indexing. This Skill addresses these constraints by enforcing a well-defined content schema and automating sitemap generation to maintain search engine visibility.