If you're rendering Sanity's Portable Text in any frontend framework, this covers the component mapping pattern that's consistent across React, Svelte, Vue, Astro, and server-side HTML. The skill breaks down the block structure (marks, markDefs, listItem levels) and shows you how to map custom types like images or code blocks so they actually render instead of disappearing silently. It includes framework-specific rules for each major library, plus a quick reference for community serializers in React Native, PHP, Python, and others. The emphasis on keeping your components object stable and handling missing types explicitly will save you from common re-render bugs and silent failures when content editors add new block types.
npx skills add https://github.com/sanity-io/agent-toolkit --skill portable-text-serialization