用途：从 Figma 提取完整、无损的设计信息，生成可直接用于生产的 React/Next.js 组件，配合 TypeScript 与 Tailwind CSS，追求像素级还原。
主要能力与规则：
- 不截断代码，完整保留 Figma MCP 输出的每个 className 与属性。
- 处理 absolute contents 结构：父级带 contents 时子元素位置已是绝对定位，直接移除父级包裹、保留子元素位置；父级无 contents 时需将父级与子级位置相加。
- 尺寸从元数据提取，不硬编码。先调用 mcp__figma__get_metadata 获取 fileKey 与 nodeId，再从返回 XML 的 frame width/height 取值。
- 字体加载使用 Google Fonts CDN，而非 next/font/google，以避免字符宽度与可变字体光学尺寸差异；在 layout.tsx 中通过 link 引入，并在 globals.css 的 @layer utilities 中用直接字体名定义工具类。注意字体名映射，如 Source Serif Pro 改为 Source Serif 4、Source Sans Pro 改为 Source Sans 3；Figma 字重名称与 CSS font-weight 可能不一致，需对照截图微调。
- 关键 CSS：body 设 overflow-x: auto，.page-container 设 min-width: max-content 与 display: inline-block。
- 简单线条图片改用 CSS 绘制，矢量资源内联为 SVG。
- 多行文本块移除固定高度，改用 div 包裹 p.mb-0 让文本自然流动；容器、单行表格行、图片图标可保留固定尺寸。
限制：资料未提供安装命令、收费方式、支持平台与完整使用步骤；部分详细内容（如表格模式转换等）被移至 reference/extended.md，需按需加载。