Agent Skills
› TanStack/markdown
TanStack/markdown
GitHub提供实现自定义 Markdown 扩展的方法,支持块/行内解析、转换及 HTML/React 渲染钩子。
Install All Skills
npx skills add TanStack/markdown --all -g -y
Skills in Collection (6)
提供实现自定义 Markdown 扩展的方法,支持块/行内解析、转换及 HTML/React 渲染钩子。
需要扩展 Markdown 语法
自定义 Markdown 解析逻辑
npx skills add TanStack/markdown --skill custom-extensions -g -y
构建文档元数据,支持GitHub风格提示、标题收集及多种Tab切换(文件/包管理器/框架),用于解析和渲染TanStack风格的文档内容。
需要生成或解析技术文档元数据
处理包含特殊语法如Callouts和Tabs的Markdown内容
npx skills add TanStack/markdown --skill docs-features -g -y
基于 @tanstack/markdown/octane 库的 Markdown 渲染技能,支持 React 组件集成、TSRX 语法、静态 SSR 及 AST 节点自定义组合。
需要将 Markdown 内容渲染为 Octane 组件或描述符
执行 Markdown 内容的服务端静态渲染 (SSR)
自定义 Markdown 解析后的 AST 节点或组件映射
npx skills add TanStack/markdown --skill octane-rendering -g -y
提供生产环境 Markdown 渲染管道审计清单,涵盖信任边界、代码高亮、兼容性校验及确定性输出检查,确保博客、文档等场景的安全与稳定。
部署博客或文档站点前
处理用户生成内容(UGC)渲染时
npx skills add TanStack/markdown --skill production-pipelines -g -y
提供在 React 应用中渲染 Markdown 的 Skill,支持动态源、组件替换、AST 预解析及服务端静态渲染,适用于构建文章等富文本内容展示组件。
需要在 React 组件中渲染 Markdown 内容
配置 Markdown 自定义组件或链接处理逻辑
实现 Markdown 的服务端静态渲染 (SSR)
npx skills add TanStack/markdown --skill react-rendering -g -y
提供基于@tanstack/markdown的Markdown解析与HTML渲染能力,支持AST序列化、Frontmatter配置、Heading ID生成及内联/块级内容处理。
需要将Markdown文本转换为HTML
需要解析Markdown并获取可序列化的AST结构
npx skills add TanStack/markdown --skill render-markdown -g -y


