ReddRadar
Agent skill
shiki-code-blocks
Syntax highlight code blocks with Shiki. Supports server-side rendering in RSC and automatic light/dark theme switching.
Install this agent skill to your Project
npx add-skill https://github.com/andrelandgraf/fullstackrecipes/tree/main/.agents/skills/shiki-code-blocks
SKILL.md
Shiki Code Blocks
To set up Shiki Code Blocks, refer to the fullstackrecipes MCP server resource:
Resource URI: recipe://fullstackrecipes.com/shiki-code-blocks
If the MCP server is not configured, fetch the recipe directly:
curl -H "Accept: text/plain" https://fullstackrecipes.com/api/recipes/shiki-code-blocks
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
andrelandgraf/fullstackrecipes
better-auth-emails
Add email verification, password reset, and account management emails to Better Auth using Resend.
andrelandgraf/fullstackrecipes
ai-sdk-setup
Install the Vercel AI SDK with AI Elements components. Build a streaming chat interface with the useChat hook.
andrelandgraf/fullstackrecipes
code-style-setup
Configure Prettier for code formatting and TypeScript for typechecking. Includes VSCode settings and EditorConfig for consistent code style. Skips ESLint/Biome to avoid config complexity.
andrelandgraf/fullstackrecipes
using-nuqs
Manage React state in URL query parameters with nuqs. Covers Suspense boundaries, parsers, clearing state, and deep-linkable dialogs.
andrelandgraf/fullstackrecipes
chat-naming
Generate descriptive chat titles from the first message using a fast LLM. Runs as a background workflow step after the main response to avoid delaying the experience.
andrelandgraf/fullstackrecipes
assert
TypeScript assertion function for runtime type narrowing with descriptive error messages. Based on tiny-invariant.
Didn't find tool you were looking for?