mcpField
S
shiki-code-blocks

shiki-code-blocks

github.com/andrelandgrafDevelopment23238 installsUpdated 20w ago
Repository

About shiki-code-blocks

A developer skill for syntax highlighting code blocks with Shiki. It supports server-side rendering in RSC and automatic switching between light and dark themes.

Key features

  1. 01Highlights code blocks with Shiki
  2. 02Supports server-side rendering in RSC
  3. 03Automatically switches light and dark themes

Use cases

  1. 01Add syntax highlighting to code examples
  2. 02Render code blocks in RSC
  3. 03Match code colors to the active theme

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/andrelandgraf/fullstackrecipes --skill shiki-code-blocks

After installing, type/shiki-code-blocksin Claude Code to confirm it loaded.

Details

From the project README

Shiki Code Blocks

Syntax highlight code blocks with Shiki. Supports server-side rendering in RSC and automatic light/dark theme switching.

curl https://fullstackrecipes.com/recipes/shiki-code-blocks.md

Comments

Markdown supported