Agent Skills
› TanStack/markdown
TanStack/markdown
GitHub基于 TanStack Markdown 实现自定义扩展,支持解析块级/行内源语法、转换 AST 节点及渲染 HTML/React 组件。用于在文档处理中注入确定性定制语法和渲染行为。
Install All Skills
npx skills add TanStack/markdown --all -g -y
Skills in Collection (6)
基于 TanStack Markdown 实现自定义扩展,支持解析块级/行内源语法、转换 AST 节点及渲染 HTML/React 组件。用于在文档处理中注入确定性定制语法和渲染行为。
需要为 Markdown 添加自定义语法(如 :::note)
需要修改 Markdown 到 HTML/React 的转换逻辑
需要集成自定义组件到文档渲染流程
npx skills add TanStack/markdown --skill custom-extensions -g -y
构建文档元数据与渲染扩展,支持 GitHub 风格提示、标题收集及多类型标签页(文件/包管理器/构建器),用于解析和生成 TanStack 风格的文档内容。
需要解析 Markdown 并提取标题等元数据
在文档中实现 GitHub 风格 Callouts
处理代码块或配置的多框架/多工具标签页切换
npx skills add TanStack/markdown --skill docs-features -g -y
基于 Octane 框架渲染 Markdown,支持组件替换、静态 SSR 及 AST 复用。
需要利用 Octane 进行 Markdown 渲染
配置 Markdown 自定义组件或 SSR
npx skills add TanStack/markdown --skill octane-rendering -g -y
提供生产级 Markdown 渲染管道的审计清单,涵盖信任边界、代码高亮、兼容性验证及确定性输出检查,确保博客和文档站点安全部署。
部署博客或文档站点前
渲染不可信用户内容时
配置 Markdown 解析器与渲染器
npx skills add TanStack/markdown --skill production-pipelines -g -y
提供基于@tanstack/markdown的React渲染技能,支持Markdown源或文档对象的直接渲染、组件替换、静态SSR及AST节点组合,解决常见错误如注入HTML。
需要在React应用中渲染Markdown内容
配置自定义组件替换默认渲染元素
进行React服务端静态渲染(SSR)
复用已解析的Markdown AST文档
npx skills add TanStack/markdown --skill react-rendering -g -y
提供 @tanstack/markdown 核心功能的使用指南,涵盖 Markdown 解析、HTML 渲染、AST 序列化及配置选项。
需要将 Markdown 转换为 HTML
处理 Markdown AST 或配置解析选项
npx skills add TanStack/markdown --skill render-markdown -g -y


