用途:读取已有的内容 Markdown 文件,在客户网站的技术栈与设计系统内,实现可正式上线的资源中心页面,包括列表页、文章页、导航与交叉链接。输出是代码,内容已存在,不重写内容。
主要能力:先勘察前端代码库,识别框架(Next.js、Astro、Nuxt、SvelteKit、Remix、React 等)、设计系统(主题文件、颜色令牌、字体、既有组件、间距系统)、内容渲染模式与路由方式,并向用户确认后再开发。随后加载内容架构与 content/resources/ 下的 Markdown,建立含 slug、标题、分区、日期、关键词、描述与关联关系的清单。
使用方式:按内容加载、布局组件、列表页、文章页、交叉链接的顺序增量实现。内容加载需解析 YAML frontmatter,渲染表格、引用、代码块、列表等标准元素,并保留 Markdown 中的 JSON-LD 脚本块。组件包括资源外壳(面包屑、可选目录侧栏)、内容卡片、文章布局(标题、日期、正文、直答块、数据表格、FAQ、相关文章、单个 CTA)。列表页含资源中心枢纽与各分区列表,文章页使用 /resources/[subsection]/[slug] 动态路由,并从 frontmatter 生成 title、description、canonical、Open Graph 等 head 元数据。
适用场景:为专业网站搭建学习、指南、博客、对比等资源中心,风格需与既有站点完全一致。限制:需先了解客户代码库;涉及新依赖、路由或布局改动须先询问用户;缺失的 frontmatter 字段需标出而非静默跳过;成品须通过可访问性与性能检查,不得暴露调试信息或原始元数据。未提供具体安装命令、价格与平台信息。