Shiki Code Blocks

This handles syntax highlighting with Shiki, which means you get the same color themes VS Code uses but in your web app. The big wins here are server-side rendering support for React Server Components and automatic theme switching between light and dark modes without client-side flickering. You'd reach for this when you're building docs, a blog with code samples, or any site where you need beautiful code blocks that don't flash unstyled content on load. Shiki is slower than most highlighters because it uses real TextMate grammars, but doing it server-side solves that problem entirely.

Install to Claude Code

npx -y skills add andrelandgraf/fullstackrecipes --skill shiki-code-blocks --agent claude-code