Agent Skills
› TanStack/markdown
TanStack/markdown
GitHub用于实现 Markdown 自定义扩展,支持块级解析、行内转换及 HTML/React 渲染钩子。通过定义解析器和转换器,扩展 Markdown 语法并生成可复用的组件节点输出。
Install All Skills
npx skills add TanStack/markdown --all -g -y
Skills in Collection (6)
用于实现 Markdown 自定义扩展,支持块级解析、行内转换及 HTML/React 渲染钩子。通过定义解析器和转换器,扩展 Markdown 语法并生成可复用的组件节点输出。
需要添加自定义 Markdown 语法
修改 Markdown 渲染行为
实现文档特定的 HTML 或 React 组件映射
npx skills add TanStack/markdown --skill custom-extensions -g -y
构建文档元数据,支持GitHub风格提示、标题收集及多种Tab组件(文件/包管理器/框架),用于解析和渲染TanStack风格的文档语法。
需要解析Markdown并提取结构化元数据
构建包含多标签页的文档内容
npx skills add TanStack/markdown --skill docs-features -g -y
基于 @tanstack/markdown/octane 实现 Markdown 渲染,支持 SSR、TSRX 组件替换及 AST 缓存优化。
需要 SSR 渲染 Markdown
自定义 Markdown 组件映射
npx skills add TanStack/markdown --skill octane-rendering -g -y
提供生产级 Markdown 管道审计清单,涵盖信任边界、代码高亮、兼容性校验及确定性输出检查,确保博客和文档渲染安全合规。
部署博客或文档站点前
处理不受信任的 Markdown 内容渲染时
构建 Markdown 解析与渲染管线
npx skills add TanStack/markdown --skill production-pipelines -g -y
基于 @tanstack/markdown/react 的 Markdown 渲染技能,支持 React 组件替换、AST 预解析复用及服务端静态 SSR,提供安全高效的文档渲染方案。
需要在 React 应用中渲染 Markdown 内容
需要自定义 Markdown 元素为 React 组件
需要进行 Markdown 服务端静态渲染
npx skills add TanStack/markdown --skill react-rendering -g -y
基于 @tanstack/markdown 库,提供 Markdown 到 HTML 的解析与渲染能力。支持完整文档或行内内容处理、AST 序列化复用、Frontmatter 及 Heading ID 配置,适用于前端内容展示场景。
需要将 Markdown 文本转换为 HTML
需要解析 Markdown 并获取结构化 AST
需要自定义 Markdown 渲染选项如 Frontmatter 或标题锚点
npx skills add TanStack/markdown --skill render-markdown -g -y


