Stats
Actions
Tags
'%20stop-opacity%3D'0.16'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'rgb(200%2C90%2C60)'%20stop-opacity%3D'0.03'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D'320'%20height%3D'200'%20fill%3D'url(%23g)'%2F%3E%3Ccircle%20cx%3D'250'%20cy%3D'56'%20r%3D'92'%20fill%3D'rgb(200%2C90%2C60)'%20fill-opacity%3D'0.06'%2F%3E%3Ccircle%20cx%3D'64'%20cy%3D'172'%20r%3D'58'%20fill%3D'rgb(200%2C90%2C60)'%20fill-opacity%3D'0.05'%2F%3E%3C%2Fsvg%3E)
From andrelandgraf-fullstackrecipes
Syntax highlights code blocks with Shiki, supporting server-side rendering in React Server Components and automatic light/dark theme switching.
How this skill is triggered — by the user, by Claude, or both
Slash command
/andrelandgraf-fullstackrecipes:shiki-code-blocksThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Syntax highlight code blocks with Shiki. Supports server-side rendering in RSC and automatic light/dark theme switching.
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
npx claudepluginhub joshuarweaver/cascade-code-general-misc-3 --plugin andrelandgraf-fullstackrecipesCreates beautiful code blocks with Shiki syntax highlighting for Slidev presentations. Supports line highlighting, code groups, and external snippet imports.
Guides Slidev code block features: Shiki syntax highlighting, line highlighting, Monaco editor, Magic Move animations, TwoSlash type annotations, and tabbed code groups.
Guides Slidev code block configuration for Shiki syntax highlighting, line emphasis, Monaco editor, Magic Move transitions, TwoSlash annotations, and code groups.