mcpField
S
shiki-code-blocks

shiki-code-blocks

github.com/andrelandgraf开发23238 次安装20 周前更新
代码仓库

关于 shiki-code-blocks

面向开发者的技能,使用 Shiki 为代码块添加语法高亮。支持 RSC 服务端渲染和自动浅色、深色主题切换。

主要功能

  1. 01使用 Shiki 高亮代码块
  2. 02支持 RSC 服务端渲染
  3. 03自动切换浅色与深色主题

适用场景

  1. 01为代码示例添加语法高亮
  2. 02在 RSC 中渲染代码块
  3. 03按界面主题自动切换代码配色

安装

复制下面的命令,在终端中运行。

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

安装后在 Claude Code 中输入/shiki-code-blocks确认已加载。

详细介绍

Shiki 代码块

使用 Shiki 为代码块添加语法高亮。支持在 RSC 中进行服务器端渲染,并自动切换浅色/深色主题。

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

评论

支持 Markdown