Can I use GitHub-style callouts with this skill?

Yes, it automatically converts standard GitHub-style admonition syntax, such as '> [!NOTE]', into interactive, styled callout components.

What frameworks does this Markdown stack support?

It provides comprehensive integration guides for major modern frameworks including Astro, Next.js (MDX), Vite, SvelteKit, and Docusaurus.

How do I render math equations?

The stack integrates remark-math and rehype-katex to render standard LaTeX notation into high-quality math equations for both inline and block displays.

Does it handle code block highlighting?

Yes, it utilizes Expressive Code to provide professional syntax highlighting, line numbers, language badges, and copy-to-clipboard functionality.

Can I generate a Table of Contents automatically?

Yes, the pipeline includes specific logic for generating interactive, scroll-tracking Tables of Contents directly from your Markdown heading structure.

Fuwari Markdown Stack

Name: Fuwari Markdown Stack
Author: Linaqruf

byLinaqruf

0•

コンテンツ管理

Implements a production-ready Markdown processing pipeline featuring advanced styling, math equations, and interactive components.

The Fuwari Markdown Stack provides a comprehensive suite of tools for building high-performance documentation and blogs by integrating the unified ecosystem of Remark and Rehype plugins. It enables developers to easily implement advanced features like GitHub-style admonitions, KaTeX math rendering, interactive GitHub repository cards, and the Expressive Code engine for beautiful code blocks. This skill provides domain-specific guidance for configuring complex Markdown pipelines in frameworks like Astro, Next.js, and Vite, ensuring a seamless transition from raw content to feature-rich HTML.

主な機能

010 GitHub stars

02LaTeX math rendering via KaTeX for both inline and block equations

03Interactive UI components including GitHub repository cards and auto-generated tables of contents

04GitHub-style and custom directive admonitions for interactive callouts

05Automated content metadata including reading time calculation and excerpt extraction

06Enhanced code blocks with line numbers, copy buttons, and collapsible sections via Expressive Code

ユースケース

01Creating a content-heavy portfolio using Astro or Next.js with advanced Markdown features

02Developing comprehensive documentation sites with interactive elements and callouts

03Building a technical blog with complex math and high-quality syntax highlighting

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add linaqruf/cc-plugins markdown-stack

For use in Claude.ai and ChatGPT

Download Skill