用途：将 Figma 设计稿转换为可直接落地的代码，依据 Tiger Data 官网仓库中的设计令牌、组件 API 和代码约定，避免直接照搬 Figma 参考代码。
主要能力：
- 解析 Figma URL，提取 fileKey 与 nodeId（URL 用 1-2，API 用 1:2），调用 get_design_context 获取截图、参考代码与元数据。
- 复杂设计可调用 get_metadata 查看节点树、get_code_connect_map 检查已有组件映射、get_variable_defs 提取设计令牌并映射到 Tailwind 类。
- 优先复用现有组件：布局用 Container、Flex、Grid、Separator；内容用 Text、Button、Badge、Card、Accordion、Link；复合场景用 FAQ、Quotes、HubSpotForm。
- 排版映射到 Text 组件（如 h1 用 size={{ base: '5xl', lg: '8xl' }} weight="bold"），字体含 Geist、Geist Mono、Cygnito Mono。
- 颜色映射到 Tailwind 令牌，禁止硬编码十六进制；不在调色板中的颜色需提示并建议最接近品牌色。
- 布局使用响应式属性对象，禁止手写断点类；页面内容用 Container 包裹。
- 组件按原子/分子/组织/页面专属目录放置，默认服务器组件，仅在需要状态、副作用或事件处理时加 'use client'。
- 按清单验证：复用组件、使用 Tailwind 令牌、Text 排版、响应式属性对象、语义化 HTML、next/image 带 alt、无内联样式、无 Figma 残留物。
必要用法：需先连接 Figma MCP，尝试调用 get_design_context 验证；失败则停止并提示用户在 Claude 设置 MCP Servers 中添加后重启。另需读取插件根目录 REFERENCES.md 并运行预检，调用 list_marketing_references() 确认 Tiger Den 可达，失败即停止。
适用场景：用户提供 Figma 链接、要求实现设计稿，或需按 Tiger Data 官网规范生成页面代码。可选部署路径：website-content-editor 可发起 PR 并提供 Vercel 预览，Claude Code 可直接写文件、跑开发服务器并提交推送。
限制：依赖 Figma MCP 与 Tiger Den 的可用性；设计令牌需从 GitHub 指定文件获取；官方资料中未提供具体价格、平台支持范围与效果数据。