> ## Documentation Index
> Fetch the complete documentation index at: https://dragonwingdocs-staging.qualcomm.com/llms.txt
> Use this file to discover all available pages before exploring further.

# 教程

> Qualcomm Dragonwing 的教程与技术深度解析

<div id="tutorial-filters" className="tutorial-filters" aria-label="按标签筛选教程">
  <button type="button" data-filter="all" aria-pressed="true">全部</button>
  <button type="button" data-filter="ai-ml" aria-pressed="false">AI / ML</button>
  <button type="button" data-filter="qualcomm-linux" aria-pressed="false">Qualcomm Linux</button>
  <button type="button" data-filter="ubuntu" aria-pressed="false">Ubuntu</button>
  <button type="button" data-filter="robotics" aria-pressed="false">机器人</button>
  <button type="button" data-filter="iq8" aria-pressed="false">IQ8</button>
  <button type="button" data-filter="iq9" aria-pressed="false">IQ9</button>
</div>

<div id="posts" className="tutorials-grid" style={{ display: "grid", gridTemplateColumns: "repeat(2, minmax(0, 1fr))", gridAutoRows: "1fr", alignItems: "stretch", gap: "2rem" }}>
  <a href="/zh/tutorials/paddle-npu-reproduce" data-tags="ai-ml npu qualcomm-linux iq8" style={{ textDecoration: "none", color: "inherit", display: "block", height: "100%" }}>
    <div
      style={{
  border: "1px solid #e5e7eb",
  borderRadius: "14px",
  overflow: "hidden",
  cursor: "pointer",
  boxShadow: "0 2px 10px rgba(0,0,0,0.07)",
  height: "100%",
  display: "flex",
  flexDirection: "column"
}}
    >
      <div
        style={{
    backgroundImage: "linear-gradient(135deg, rgba(30,30,60,0.88), rgba(49,1,125,0.55)), url(https://mintcdn.com/qualcomm-staging/-B6V0ERkxDbZUDmc/tutorials/img/paddle-npu/YOLO_cover.png?fit=max&auto=format&n=-B6V0ERkxDbZUDmc&q=85&s=56d320e8dc3dfb0ac8f4b203241f9f29)",
    backgroundSize: "cover",
    backgroundPosition: "center",
    minHeight: "200px",
    display: "flex",
    alignItems: "center",
    justifyContent: "center",
    position: "relative",
    padding: "1.5rem",
    textAlign: "center"
  }}
      >
        <div style={{ color: "#fff", fontSize: "1.7rem", fontWeight: 800, lineHeight: 1.2 }}>
          使用 Qualcomm 工具逐步实现球拍检测
        </div>

        <div style={{
                      position: "absolute",
                      bottom: "14px",
                      left: "50%",
                      transform: "translateX(-50%)",
                      background: "rgba(255,255,255,0.15)",
                      border: "1px solid rgba(255,255,255,0.4)",
                      color: "#fff",
                      fontSize: "0.7rem",
                      fontWeight: 700,
                      letterSpacing: "1px",
                      padding: "4px 14px",
                      borderRadius: "20px",
                      textTransform: "uppercase",
                      whiteSpace: "nowrap"
                    }}>Dragonwing · QAIRT</div>
      </div>

      <div style={{ padding: "1.25rem", display: "flex", flexDirection: "column", flexGrow: 1 }}>
        <div style={{ fontSize: "0.68rem", fontWeight: 700, color: "#31017D", letterSpacing: "1.5px", textTransform: "uppercase", marginBottom: "0.5rem" }}>第 3 篇 / 共 3 篇 · QAIRT / NPU / 逐步教程</div>
        <div style={{ fontSize: "1.05rem", fontWeight: 800, lineHeight: 1.3, marginBottom: "0.6rem", color: "inherit" }}>使用 Qualcomm 工具逐步实现球拍检测</div>
        <p style={{ fontSize: "0.85rem", color: "inherit", lineHeight: 1.65, margin: "0 0 1rem" }}>从数据集到实时 NPU 推理的每一条命令：YOLOv8n 微调、QAIRT A16W8 量化以及在 IQ-8275 EVK 上运行的常驻 C++ 守护进程。9 步，无捷径。</p>

        <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center", gap: "1rem", fontSize: "0.78rem", color: "inherit", borderTop: "1px solid rgba(128,128,128,0.2)", paddingTop: "0.75rem", marginTop: "auto" }}>
          <span><a href="https://www.linkedin.com/in/raulrosettomunoz/" target="_blank" rel="noopener noreferrer" style={{ color: "inherit", textDecoration: "none" }}>Raul Muñoz</a> · 2026 年 8 月 10 日</span>
          <span style={{ color: "#31017D", fontWeight: 700, whiteSpace: "nowrap" }}>阅读更多 →</span>
        </div>
      </div>
    </div>
  </a>

  <a href="/zh/tutorials/edge-impulse-quickstart" data-tags="ai-ml npu qualcomm-linux iq8" style={{ textDecoration: "none", color: "inherit", display: "block", height: "100%" }}>
    <div
      style={{
  border: "1px solid #e5e7eb",
  borderRadius: "14px",
  overflow: "hidden",
  cursor: "pointer",
  boxShadow: "0 2px 10px rgba(0,0,0,0.07)",
  height: "100%",
  display: "flex",
  flexDirection: "column"
}}
    >
      <div
        style={{
    backgroundImage: "linear-gradient(135deg, rgba(7,104,139,0.90), rgba(49,1,125,0.65)), url(https://mintcdn.com/qualcomm-staging/-B6V0ERkxDbZUDmc/tutorials/img/paddle-npu/ei_live.png?fit=max&auto=format&n=-B6V0ERkxDbZUDmc&q=85&s=8b34bf60e021ae6c4251a8ccca3a23f6)",
    backgroundSize: "cover",
    backgroundPosition: "center",
    minHeight: "200px",
    display: "flex",
    alignItems: "center",
    justifyContent: "center",
    position: "relative",
    padding: "1.5rem",
    textAlign: "center"
  }}
      >
        <div style={{ color: "#fff", fontSize: "1.7rem", fontWeight: 800, lineHeight: 1.2 }}>
          使用 Edge Impulse 进行球拍检测
        </div>

        <div style={{
                      position: "absolute",
                      bottom: "14px",
                      left: "50%",
                      transform: "translateX(-50%)",
                      background: "rgba(255,255,255,0.15)",
                      border: "1px solid rgba(255,255,255,0.4)",
                      color: "#fff",
                      fontSize: "0.7rem",
                      fontWeight: 700,
                      letterSpacing: "1px",
                      padding: "4px 14px",
                      borderRadius: "20px",
                      textTransform: "uppercase",
                      whiteSpace: "nowrap"
                    }}>Dragonwing · Edge AI</div>
      </div>

      <div style={{ padding: "1.25rem", display: "flex", flexDirection: "column", flexGrow: 1 }}>
        <div style={{ fontSize: "0.68rem", fontWeight: 700, color: "#31017D", letterSpacing: "1.5px", textTransform: "uppercase", marginBottom: "0.5rem" }}>第 2 篇 / 共 3 篇 · Edge Impulse / NPU</div>
        <div style={{ fontSize: "1.05rem", fontWeight: 800, lineHeight: 1.3, marginBottom: "0.6rem", color: "inherit" }}>使用 Edge Impulse 进行球拍检测</div>
        <p style={{ fontSize: "0.85rem", color: "inherit", lineHeight: 1.65, margin: "0 0 1rem" }}>无需 QAIRT 工具链，无需 C++。在平台上训练，下载一个二进制文件，即可在 IQ-8275 EVK 上获得 2 毫秒的 NPU 推理。用时不到两小时。</p>

        <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center", gap: "1rem", fontSize: "0.78rem", color: "inherit", borderTop: "1px solid rgba(128,128,128,0.2)", paddingTop: "0.75rem", marginTop: "auto" }}>
          <span><a href="https://www.linkedin.com/in/raulrosettomunoz/" target="_blank" rel="noopener noreferrer" style={{ color: "inherit", textDecoration: "none" }}>Raul Muñoz</a> · 2026 年 8 月 5 日</span>
          <span style={{ color: "#31017D", fontWeight: 700, whiteSpace: "nowrap" }}>阅读更多 →</span>
        </div>
      </div>
    </div>
  </a>

  <a href="/zh/tutorials/paddle-npu-story" data-tags="ai-ml npu qualcomm-linux iq8" style={{ textDecoration: "none", color: "inherit", display: "block", height: "100%" }}>
    <div
      style={{
  border: "1px solid #e5e7eb",
  borderRadius: "14px",
  overflow: "hidden",
  cursor: "pointer",
  boxShadow: "0 2px 10px rgba(0,0,0,0.07)",
  height: "100%",
  display: "flex",
  flexDirection: "column"
}}
    >
      <div
        style={{
    backgroundImage: "linear-gradient(135deg, rgba(49,1,125,0.88), rgba(7,104,139,0.65)), url(https://mintcdn.com/qualcomm-staging/-B6V0ERkxDbZUDmc/tutorials/img/paddle-npu/YOLO_cover.png?fit=max&auto=format&n=-B6V0ERkxDbZUDmc&q=85&s=56d320e8dc3dfb0ac8f4b203241f9f29)",
    backgroundSize: "cover",
    backgroundPosition: "center",
    minHeight: "200px",
    display: "flex",
    alignItems: "center",
    justifyContent: "center",
    position: "relative",
    padding: "1.5rem",
    textAlign: "center"
  }}
      >
        <div style={{ color: "#fff", fontSize: "1.7rem", fontWeight: 800, lineHeight: 1.2 }}>
          教 Qualcomm 芯片识别乒乓球拍
        </div>

        <div style={{
                      position: "absolute",
                      bottom: "14px",
                      left: "50%",
                      transform: "translateX(-50%)",
                      background: "rgba(255,255,255,0.15)",
                      border: "1px solid rgba(255,255,255,0.4)",
                      color: "#fff",
                      fontSize: "0.7rem",
                      fontWeight: 700,
                      letterSpacing: "1px",
                      padding: "4px 14px",
                      borderRadius: "20px",
                      textTransform: "uppercase",
                      whiteSpace: "nowrap"
                    }}>Dragonwing · Edge AI</div>
      </div>

      <div style={{ padding: "1.25rem", display: "flex", flexDirection: "column", flexGrow: 1 }}>
        <div style={{ fontSize: "0.68rem", fontWeight: 700, color: "#31017D", letterSpacing: "1.5px", textTransform: "uppercase", marginBottom: "0.5rem" }}>第 1 篇 / 共 3 篇 · 计算机视觉 / NPU</div>
        <div style={{ fontSize: "1.05rem", fontWeight: 800, lineHeight: 1.3, marginBottom: "0.6rem", color: "inherit" }}>教 Qualcomm 芯片识别乒乓球拍</div>
        <p style={{ fontSize: "0.85rem", color: "inherit", lineHeight: 1.65, margin: "0 0 1rem" }}>从第一张照片到在 IQ-8275 EVK 上进行实时 NPU 推理：涵盖每一个设计决策、失败、修复与基准测试。从零开始的 CNN、YOLOv8n 微调与 Edge Impulse 的对比，所有路径最终都收敛到 2 毫秒。</p>

        <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center", gap: "1rem", fontSize: "0.78rem", color: "inherit", borderTop: "1px solid rgba(128,128,128,0.2)", paddingTop: "0.75rem", marginTop: "auto" }}>
          <span><a href="https://www.linkedin.com/in/raulrosettomunoz/" target="_blank" rel="noopener noreferrer" style={{ color: "inherit", textDecoration: "none" }}>Raul Muñoz</a> · 2026 年 8 月 3 日</span>
          <span style={{ color: "#31017D", fontWeight: 700, whiteSpace: "nowrap" }}>阅读更多 →</span>
        </div>
      </div>
    </div>
  </a>

  <a href="/zh/tutorials/shipping-agent-dragonwing-iq9-using-mcp" data-tags="ai-ml npu ubuntu iq9" style={{ textDecoration: "none", color: "inherit", display: "block", height: "100%" }}>
    <div
      style={{
  border: "1px solid #e5e7eb",
  borderRadius: "14px",
  overflow: "hidden",
  cursor: "pointer",
  boxShadow: "0 2px 10px rgba(0,0,0,0.07)",
  height: "100%",
  display: "flex",
  flexDirection: "column"
}}
    >
      <div
        style={{
    backgroundImage: "linear-gradient(135deg, rgba(49,1,125,0.92), rgba(7,104,139,0.80))",
    backgroundSize: "cover",
    backgroundPosition: "center",
    minHeight: "200px",
    display: "flex",
    alignItems: "center",
    justifyContent: "center",
    position: "relative",
    padding: "1.5rem",
    textAlign: "center"
  }}
      >
        <div style={{ color: "#fff", fontSize: "1.7rem", fontWeight: 800, lineHeight: 1.2 }}>
          使用 MCP 工具调用在 Dragonwing IQ9075 上构建发货代理
        </div>

        <div style={{
                      position: "absolute",
                      bottom: "14px",
                      left: "50%",
                      transform: "translateX(-50%)",
                      background: "rgba(255,255,255,0.15)",
                      border: "1px solid rgba(255,255,255,0.4)",
                      color: "#fff",
                      fontSize: "0.7rem",
                      fontWeight: 700,
                      letterSpacing: "1px",
                      padding: "4px 14px",
                      borderRadius: "20px",
                      textTransform: "uppercase",
                      whiteSpace: "nowrap"
                    }}>Dragonwing · Edge AI</div>
      </div>

      <div style={{ padding: "1.25rem", display: "flex", flexDirection: "column", flexGrow: 1 }}>
        <div style={{ fontSize: "0.68rem", fontWeight: 700, color: "#31017D", letterSpacing: "1.5px", textTransform: "uppercase", marginBottom: "0.5rem" }}>AI Hub / QNN / NPU</div>
        <div style={{ fontSize: "1.05rem", fontWeight: 800, lineHeight: 1.3, marginBottom: "0.6rem", color: "inherit" }}>使用 MCP 工具调用在 Dragonwing IQ9075 上构建发货代理</div>
        <p style={{ fontSize: "0.85rem", color: "inherit", lineHeight: 1.65, margin: "0 0 1rem" }}>在 Qualcomm Dragonwing IQ9-EVK 上构建一个 LLM 应用程序，用于检查本地状态、选择动作、执行工具并对结果作出反应。</p>

        <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center", gap: "1rem", fontSize: "0.78rem", color: "inherit", borderTop: "1px solid rgba(128,128,128,0.2)", paddingTop: "0.75rem", marginTop: "auto" }}>
          <span>Eivind Holt · 2026 年 8 月 12 日</span>
          <span style={{ color: "#31017D", fontWeight: 700, whiteSpace: "nowrap" }}>阅读更多 →</span>
        </div>
      </div>
    </div>
  </a>

  <a href="/zh/tutorials/iq9-evk-arm-build-machine" data-tags="ubuntu iq9" style={{ textDecoration: "none", color: "inherit", display: "block", height: "100%" }}>
    <div
      style={{
  border: "1px solid #e5e7eb",
  borderRadius: "14px",
  overflow: "hidden",
  cursor: "pointer",
  boxShadow: "0 2px 10px rgba(0,0,0,0.07)",
  height: "100%",
  display: "flex",
  flexDirection: "column"
}}
    >
      <div
        style={{
    backgroundImage: "linear-gradient(135deg, rgba(49,1,125,0.92), rgba(7,104,139,0.80))",
    backgroundSize: "cover",
    backgroundPosition: "center",
    minHeight: "200px",
    display: "flex",
    alignItems: "center",
    justifyContent: "center",
    position: "relative",
    padding: "1.5rem",
    textAlign: "center"
  }}
      >
        <div style={{ color: "#fff", fontSize: "1.7rem", fontWeight: 800, lineHeight: 1.2 }}>
          将 IQ9-EVK 设置为本地 Arm 开发与内核构建机器
        </div>

        <div style={{
                      position: "absolute",
                      bottom: "14px",
                      left: "50%",
                      transform: "translateX(-50%)",
                      background: "rgba(255,255,255,0.15)",
                      border: "1px solid rgba(255,255,255,0.4)",
                      color: "#fff",
                      fontSize: "0.7rem",
                      fontWeight: 700,
                      letterSpacing: "1px",
                      padding: "4px 14px",
                      borderRadius: "20px",
                      textTransform: "uppercase",
                      whiteSpace: "nowrap"
                    }}>Arm 开发 · 内核</div>
      </div>

      <div style={{ padding: "1.25rem", display: "flex", flexDirection: "column", flexGrow: 1 }}>
        <div style={{ fontSize: "0.68rem", fontWeight: 700, color: "#31017D", letterSpacing: "1.5px", textTransform: "uppercase", marginBottom: "0.5rem" }}>AI Hub / QNN / NPU</div>
        <div style={{ fontSize: "1.05rem", fontWeight: 800, lineHeight: 1.3, marginBottom: "0.6rem", color: "inherit" }}>将 IQ9-EVK 设置为本地 Arm 开发与内核构建机器</div>
        <p style={{ fontSize: "0.85rem", color: "inherit", lineHeight: 1.65, margin: "0 0 1rem" }}>将 IQ9-EVK 设置为本地 Arm 开发和内核构建机器。</p>

        <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center", gap: "1rem", fontSize: "0.78rem", color: "inherit", borderTop: "1px solid rgba(128,128,128,0.2)", paddingTop: "0.75rem", marginTop: "auto" }}>
          <span>Zhangfei Gao · 2026 年 8 月 9 日</span>
          <span style={{ color: "#31017D", fontWeight: 700, whiteSpace: "nowrap" }}>阅读更多 →</span>
        </div>
      </div>
    </div>
  </a>

  <a href="/zh/tutorials/aihub-qnn-native-yolo-depth" data-tags="ai-ml npu ubuntu iq8" style={{ textDecoration: "none", color: "inherit", display: "block", height: "100%" }}>
    <div
      style={{
  border: "1px solid #e5e7eb",
  borderRadius: "14px",
  overflow: "hidden",
  cursor: "pointer",
  boxShadow: "0 2px 10px rgba(0,0,0,0.07)",
  height: "100%",
  display: "flex",
  flexDirection: "column"
}}
    >
      <div
        style={{
    backgroundImage: "linear-gradient(135deg, rgba(49,1,125,0.92), rgba(7,104,139,0.80))",
    backgroundSize: "cover",
    backgroundPosition: "center",
    minHeight: "200px",
    display: "flex",
    alignItems: "center",
    justifyContent: "center",
    position: "relative",
    padding: "1.5rem",
    textAlign: "center"
  }}
      >
        <div style={{ color: "#fff", fontSize: "1.7rem", fontWeight: 800, lineHeight: 1.2 }}>
          使用 AI Hub 与原生 QNN 在 NPU 上进行 YOLO 实时深度检测
        </div>

        <div style={{
                      position: "absolute",
                      bottom: "14px",
                      left: "50%",
                      transform: "translateX(-50%)",
                      background: "rgba(255,255,255,0.15)",
                      border: "1px solid rgba(255,255,255,0.4)",
                      color: "#fff",
                      fontSize: "0.7rem",
                      fontWeight: 700,
                      letterSpacing: "1px",
                      padding: "4px 14px",
                      borderRadius: "20px",
                      textTransform: "uppercase",
                      whiteSpace: "nowrap"
                    }}>Dragonwing · Edge AI</div>
      </div>

      <div style={{ padding: "1.25rem", display: "flex", flexDirection: "column", flexGrow: 1 }}>
        <div style={{ fontSize: "0.68rem", fontWeight: 700, color: "#31017D", letterSpacing: "1.5px", textTransform: "uppercase", marginBottom: "0.5rem" }}>AI Hub / QNN / NPU</div>
        <div style={{ fontSize: "1.05rem", fontWeight: 800, lineHeight: 1.3, marginBottom: "0.6rem", color: "inherit" }}>使用 AI Hub 与原生 QNN 在 NPU 上进行 YOLO 实时深度检测</div>
        <p style={{ fontSize: "0.85rem", color: "inherit", lineHeight: 1.65, margin: "0 0 1rem" }}>使用 AI Hub 对 YOLO 深度模型进行量化，编译为 QNN DLC/context，通过常驻的 C++ QNN 应用程序运行，并使用 Python/OpenCV 显示实时 USB 摄像头深度叠加。</p>

        <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center", gap: "1rem", fontSize: "0.78rem", color: "inherit", borderTop: "1px solid rgba(128,128,128,0.2)", paddingTop: "0.75rem", marginTop: "auto" }}>
          <span>Heath Blandford · 2026 年 7 月 29 日</span>
          <span style={{ color: "#31017D", fontWeight: 700, whiteSpace: "nowrap" }}>阅读更多 →</span>
        </div>
      </div>
    </div>
  </a>

  <a href="/zh/tutorials/pi05-vla-on-dragonwing-npu" data-tags="robotics ai-ml npu ubuntu iq9" style={{ textDecoration: "none", color: "inherit", display: "block", height: "100%" }}>
    <div
      style={{
  border: "1px solid #e5e7eb",
  borderRadius: "14px",
  overflow: "hidden",
  cursor: "pointer",
  boxShadow: "0 2px 10px rgba(0,0,0,0.07)",
  height: "100%",
  display: "flex",
  flexDirection: "column"
}}
    >
      <div
        style={{
    backgroundImage: "linear-gradient(180deg, rgba(49,1,125,0.25) 0%, rgba(49,1,125,0.75) 100%), url(https://mintcdn.com/qualcomm-staging/bhii67eqPuJKeIT2/images/tutorials/pi05-vla/closed-loop-rollout-poster.png?fit=max&auto=format&n=bhii67eqPuJKeIT2&q=85&s=1e2e4c33eec21a05434e7d49a305f738)",
    backgroundSize: "cover",
    backgroundPosition: "center",
    minHeight: "200px",
    display: "flex",
    alignItems: "center",
    justifyContent: "center",
    position: "relative",
    padding: "1.5rem",
    textAlign: "center"
  }}
      >
        <div style={{ color: "#fff", fontSize: "1.7rem", fontWeight: 800, lineHeight: 1.2 }}>
          在 IQ-9075 NPU 上运行 Pi0.5 VLA
        </div>

        <div
          style={{
      position: "absolute",
      bottom: "14px",
      left: "50%",
      transform: "translateX(-50%)",
      background: "rgba(255,255,255,0.15)",
      border: "1px solid rgba(255,255,255,0.4)",
      color: "#fff",
      fontSize: "0.7rem",
      fontWeight: 700,
      letterSpacing: "1px",
      padding: "4px 14px",
      borderRadius: "20px",
      textTransform: "uppercase",
      whiteSpace: "nowrap"
    }}
        >
          Dragonwing · Qualcomm
        </div>
      </div>

      <div style={{ padding: "1.25rem", display: "flex", flexDirection: "column", flexGrow: 1 }}>
        <div style={{ fontSize: "0.68rem", fontWeight: 700, color: "#31017D", letterSpacing: "1.5px", textTransform: "uppercase", marginBottom: "0.5rem" }}>机器人</div>
        <div style={{ fontSize: "1.05rem", fontWeight: 800, lineHeight: 1.3, marginBottom: "0.6rem", color: "inherit" }}>在 Dragonwing IQ-9075 NPU 上运行 Pi0.5 VLA 模型</div>
        <p style={{ fontSize: "0.85rem", color: "inherit", lineHeight: 1.65, margin: "0 0 1rem" }}>将 30 亿参数的视觉-语言-动作模型 Pi0.5 从下载到机器人动作的整个过程完全在 IQ-9075 EVK 的 Hexagon NPU 上完成——1.1 秒的动作块，4.3× 实时，无 CPU 回退。</p>

        <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center", gap: "1rem", fontSize: "0.78rem", color: "inherit", borderTop: "1px solid rgba(128,128,128,0.2)", paddingTop: "0.75rem", marginTop: "auto" }}>
          <span><a href="https://www.linkedin.com/in/rami-mouro/" target="_blank" rel="noopener noreferrer" style={{ color: "inherit", textDecoration: "none" }}>Rami Mouro</a> · 2026 年 7 月 29 日</span>
          <span style={{ color: "#31017D", fontWeight: 700, whiteSpace: "nowrap" }}>阅读更多 →</span>
        </div>
      </div>
    </div>
  </a>

  <a href="/zh/tutorials/deploy-nemotron-nano-on-dragonwing-iq9075" data-tags="ai-ml npu iq9" style={{ textDecoration: "none", color: "inherit", display: "block", height: "100%" }}>
    <div
      style={{
  border: "1px solid #e5e7eb",
  borderRadius: "14px",
  overflow: "hidden",
  cursor: "pointer",
  boxShadow: "0 2px 10px rgba(0,0,0,0.07)",
  height: "100%",
  display: "flex",
  flexDirection: "column"
}}
    >
      <div
        style={{
    backgroundImage: "linear-gradient(135deg, rgba(49,1,125,0.82), rgba(7,104,139,0.56)), url(https://mintcdn.com/qualcomm-staging/37GrGIPTgl_v0NdQ/images/tutorials/qai-nemotron/iq9075-evk.jpg?fit=max&auto=format&n=37GrGIPTgl_v0NdQ&q=85&s=c5829d2a066d27a1b22a59f8dd8de977)",
    backgroundSize: "cover",
    backgroundPosition: "center",
    minHeight: "200px",
    display: "flex",
    alignItems: "center",
    justifyContent: "center",
    position: "relative",
    padding: "1.5rem",
    textAlign: "center"
  }}
      >
        <div style={{ color: "#fff", fontSize: "1.7rem", fontWeight: 800, lineHeight: 1.2 }}>
          Dragonwing IQ-9075 上的 Nemotron Nano
        </div>

        <div
          style={{
      position: "absolute",
      bottom: "14px",
      left: "50%",
      transform: "translateX(-50%)",
      background: "rgba(255,255,255,0.15)",
      border: "1px solid rgba(255,255,255,0.4)",
      color: "#fff",
      fontSize: "0.7rem",
      fontWeight: 700,
      letterSpacing: "1px",
      padding: "4px 14px",
      borderRadius: "20px",
      textTransform: "uppercase",
      whiteSpace: "nowrap"
    }}
        >
          Dragonwing · Qualcomm
        </div>
      </div>

      <div style={{ padding: "1.25rem", display: "flex", flexDirection: "column", flexGrow: 1 }}>
        <div style={{ fontSize: "0.68rem", fontWeight: 700, color: "#31017D", letterSpacing: "1.5px", textTransform: "uppercase", marginBottom: "0.5rem" }}>AI / ML</div>
        <div style={{ fontSize: "1.05rem", fontWeight: 800, lineHeight: 1.3, marginBottom: "0.6rem", color: "inherit" }}>在 Dragonwing IQ-9075 上部署 NVIDIA Nemotron Nano</div>
        <p style={{ fontSize: "0.85rem", color: "inherit", lineHeight: 1.65, margin: "0 0 1rem" }}>使用 AIMET W4A16 量化 Nemotron Nano，在 Qualcomm AI Hub 中编译，并通过 Genie/QnnHtp 在 IQ-9075 EVK 上运行。</p>

        <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center", gap: "1rem", fontSize: "0.78rem", color: "inherit", borderTop: "1px solid rgba(128,128,128,0.2)", paddingTop: "0.75rem", marginTop: "auto" }}>
          <span><a href="https://www.linkedin.com/in/eivholt/" target="_blank" rel="noopener noreferrer" style={{ color: "inherit", textDecoration: "none" }}>Eivind Holt</a> · 2026 年 6 月</span>
          <span style={{ color: "#31017D", fontWeight: 700, whiteSpace: "nowrap" }}>阅读更多 →</span>
        </div>
      </div>
    </div>
  </a>

  <a href="/zh/tutorials/ostree-qli" data-tags="qualcomm-linux ota iq8" style={{ textDecoration: "none", color: "inherit", display: "block", height: "100%" }}>
    <div
      style={{
  border: "1px solid #e5e7eb",
  borderRadius: "14px",
  overflow: "hidden",
  cursor: "pointer",
  boxShadow: "0 2px 10px rgba(0,0,0,0.07)",
  height: "100%",
  display: "flex",
  flexDirection: "column"
}}
    >
      <div
        style={{
    backgroundImage: "linear-gradient(180deg, rgba(26,10,77,0.25) 0%, rgba(49,1,125,0.7) 100%), url(https://mintcdn.com/qualcomm-staging/bhii67eqPuJKeIT2/images/tutorials/ostree-iq8-evk.png?fit=max&auto=format&n=bhii67eqPuJKeIT2&q=85&s=7c80d8bfd9f9cff724084eef1bc5c518)",
    backgroundSize: "cover",
    backgroundPosition: "center",
    minHeight: "200px",
    display: "flex",
    alignItems: "center",
    justifyContent: "center",
    position: "relative",
    padding: "1.5rem",
    textAlign: "center"
  }}
      >
        <div style={{ color: "#fff", fontSize: "1.7rem", fontWeight: 800, lineHeight: 1.2 }}>
          Qualcomm Linux 2.0 上的 OTA 更新
        </div>

        <div
          style={{
      position: "absolute",
      bottom: "14px",
      left: "50%",
      transform: "translateX(-50%)",
      background: "rgba(255,255,255,0.15)",
      border: "1px solid rgba(255,255,255,0.4)",
      color: "#fff",
      fontSize: "0.7rem",
      fontWeight: 700,
      letterSpacing: "1px",
      padding: "4px 14px",
      borderRadius: "20px",
      textTransform: "uppercase",
      whiteSpace: "nowrap"
    }}
        >
          Dragonwing · Qualcomm
        </div>
      </div>

      <div style={{ padding: "1.25rem", display: "flex", flexDirection: "column", flexGrow: 1 }}>
        <div style={{ fontSize: "0.68rem", fontWeight: 700, color: "#31017D", letterSpacing: "1.5px", textTransform: "uppercase", marginBottom: "0.5rem" }}>Qualcomm Linux · OTA</div>
        <div style={{ fontSize: "1.05rem", fontWeight: 800, lineHeight: 1.3, marginBottom: "0.6rem", color: "inherit" }}>在 Qualcomm Linux 2.0 上发布 OTA 更新，不必牺牲周末</div>
        <p style={{ fontSize: "0.85rem", color: "inherit", lineHeight: 1.65, margin: "0 0 1rem" }}>构建两个 OSTree 镜像，只刷写一次，然后通过空中方式将运行中的 IQ-8275 EVK 迁移到新版本，具备回滚安全性和 8 MB 的增量更新。</p>

        <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center", gap: "1rem", fontSize: "0.78rem", color: "inherit", borderTop: "1px solid rgba(128,128,128,0.2)", paddingTop: "0.75rem", marginTop: "auto" }}>
          <span><a href="https://www.linkedin.com/in/raulrosettomunoz/" target="_blank" rel="noopener noreferrer" style={{ color: "inherit", textDecoration: "none" }}>Raul Muñoz</a> · 2026 年 6 月 29 日</span>
          <span style={{ color: "#31017D", fontWeight: 700, whiteSpace: "nowrap" }}>阅读更多 →</span>
        </div>
      </div>
    </div>
  </a>

  <a href="/zh/tutorials/turtlebot3-on-dragonwing" data-tags="robotics iq9" style={{ textDecoration: "none", color: "inherit", display: "block", height: "100%" }}>
    <div
      style={{
  border: "1px solid #e5e7eb",
  borderRadius: "14px",
  overflow: "hidden",
  cursor: "pointer",
  boxShadow: "0 2px 10px rgba(0,0,0,0.07)",
  height: "100%",
  display: "flex",
  flexDirection: "column"
}}
    >
      <div
        style={{
    position: "relative",
    height: "200px",
    overflow: "hidden",
    display: "flex",
    alignItems: "center",
    justifyContent: "center",
    textAlign: "center"
  }}
      >
        <img src="https://mintcdn.com/qualcomm-staging/37GrGIPTgl_v0NdQ/images/tutorials/tb3_ros_iq9.jpg?fit=max&auto=format&n=37GrGIPTgl_v0NdQ&q=85&s=84f4d6b0451d4212eb5a2a802c9225ae" alt="搭载 Qualcomm Dragonwing SBC 的 TurtleBot3 Burger" style={{ position: "absolute", inset: 0, width: "100%", height: "100%", objectFit: "cover", objectPosition: "center" }} width="4000" height="3000" data-path="images/tutorials/tb3_ros_iq9.jpg" />

        <div style={{ position: "absolute", inset: 0, background: "linear-gradient(180deg, rgba(11,114,133,0.25) 0%, rgba(49,1,125,0.7) 100%)" }} />

        <div style={{ position: "relative", color: "#fff", fontSize: "1.7rem", fontWeight: 800, lineHeight: 1.2, padding: "1.5rem", textShadow: "0 2px 8px rgba(0,0,0,0.55)" }}>
          Dragonwing 上的 TurtleBot3
        </div>

        <div
          style={{
      position: "absolute",
      bottom: "14px",
      left: "50%",
      transform: "translateX(-50%)",
      background: "rgba(255,255,255,0.15)",
      border: "1px solid rgba(255,255,255,0.4)",
      color: "#fff",
      fontSize: "0.7rem",
      fontWeight: 700,
      letterSpacing: "1px",
      padding: "4px 14px",
      borderRadius: "20px",
      textTransform: "uppercase",
      whiteSpace: "nowrap"
    }}
        >
          Dragonwing · Qualcomm
        </div>
      </div>

      <div style={{ padding: "1.25rem", display: "flex", flexDirection: "column", flexGrow: 1 }}>
        <div style={{ fontSize: "0.68rem", fontWeight: 700, color: "#31017D", letterSpacing: "1.5px", textTransform: "uppercase", marginBottom: "0.5rem" }}>机器人</div>
        <div style={{ fontSize: "1.05rem", fontWeight: 800, lineHeight: 1.3, marginBottom: "0.6rem", color: "inherit" }}>在 Dragonwing 上使用 ROS 2 驱动 TurtleBot3</div>
        <p style={{ fontSize: "0.85rem", color: "inherit", lineHeight: 1.65, margin: "0 0 1rem" }}>在 Dragonwing SBC 上启动 TurtleBot3 Burger，使用 Cartographer SLAM 构建地图，并通过 Nav2 自动驾驶，全部基于 ROS 2 Jazzy。</p>

        <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center", gap: "1rem", fontSize: "0.78rem", color: "inherit", borderTop: "1px solid rgba(128,128,128,0.2)", paddingTop: "0.75rem", marginTop: "auto" }}>
          <span><a href="https://www.linkedin.com/in/rami-mouro/" target="_blank" rel="noopener noreferrer" style={{ color: "inherit", textDecoration: "none" }}>Rami Mouro</a> · 2026 年 6 月 26 日</span>
          <span style={{ color: "#31017D", fontWeight: 700, whiteSpace: "nowrap" }}>阅读更多 →</span>
        </div>
      </div>
    </div>
  </a>

  <a href="/zh/tutorials/npu-monitoring" data-tags="ai-ml npu ubuntu" style={{ textDecoration: "none", color: "inherit", display: "block", height: "100%" }}>
    <div
      style={{
  border: "1px solid #e5e7eb",
  borderRadius: "14px",
  overflow: "hidden",
  cursor: "pointer",
  boxShadow: "0 2px 10px rgba(0,0,0,0.07)",
  height: "100%",
  display: "flex",
  flexDirection: "column"
}}
    >
      <div
        style={{
    background: "linear-gradient(135deg, rgba(11,26,77,0.7) 0%, rgba(26,58,143,0.6) 55%, rgba(37,99,235,0.5) 100%), url('https://mintcdn.com/qualcomm-staging/bhii67eqPuJKeIT2/images/fake-npu-graph.png?fit=max&auto=format&n=bhii67eqPuJKeIT2&q=85&s=75193ea8d4b6b1ffb69e8d91ebdcc19a')",
    backgroundSize: "cover",
    backgroundPosition: "center",
    minHeight: "200px",
    display: "flex",
    alignItems: "center",
    justifyContent: "center",
    position: "relative",
    padding: "1.5rem",
    textAlign: "center"
  }}
      >
        <div style={{ color: "#fff", fontSize: "1.7rem", fontWeight: 800, lineHeight: 1.2 }}>
          NPU 实时监控
        </div>

        <div
          style={{
      position: "absolute",
      bottom: "14px",
      left: "50%",
      transform: "translateX(-50%)",
      background: "rgba(255,255,255,0.15)",
      border: "1px solid rgba(255,255,255,0.4)",
      color: "#fff",
      fontSize: "0.7rem",
      fontWeight: 700,
      letterSpacing: "1px",
      padding: "4px 14px",
      borderRadius: "20px",
      textTransform: "uppercase",
      whiteSpace: "nowrap"
    }}
        >
          Dragonwing · Qualcomm
        </div>
      </div>

      <div style={{ padding: "1.25rem", display: "flex", flexDirection: "column", flexGrow: 1 }}>
        <div style={{ fontSize: "0.68rem", fontWeight: 700, color: "#31017D", letterSpacing: "1.5px", textTransform: "uppercase", marginBottom: "0.5rem" }}>AI / ML</div>
        <div style={{ fontSize: "1.05rem", fontWeight: 800, lineHeight: 1.3, marginBottom: "0.6rem", color: "inherit" }}>在 Qualcomm Ubuntu 上使用 libqcperf 实时监控 NPU</div>
        <p style={{ fontSize: "0.85rem", color: "inherit", lineHeight: 1.65, margin: "0 0 1rem" }}>使用 libqcperf 在 Qualcomm Ubuntu 上以编程方式获取实时 NPU 利用率数据，包括通过 FastRPC 获取的 Q6、HVX、HMX 及时钟指标。</p>

        <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center", gap: "1rem", fontSize: "0.78rem", color: "inherit", borderTop: "1px solid rgba(128,128,128,0.2)", paddingTop: "0.75rem", marginTop: "auto" }}>
          <span><a href="https://www.linkedin.com/in/samuel-freund/" target="_blank" rel="noopener noreferrer" style={{ color: "inherit", textDecoration: "none" }}>Sam Freund</a> · 2026 年 6 月 30 日</span>
          <span style={{ color: "#31017D", fontWeight: 700, whiteSpace: "nowrap" }}>阅读更多 →</span>
        </div>
      </div>
    </div>
  </a>

  <a href="/zh/tutorials/gemma-litert-lm-on-iq8" data-tags="ai-ml npu ubuntu qualcomm-linux iq8" style={{ textDecoration: "none", color: "inherit", display: "block", height: "100%" }}>
    <div
      style={{
  border: "1px solid #e5e7eb",
  borderRadius: "14px",
  overflow: "hidden",
  cursor: "pointer",
  boxShadow: "0 2px 10px rgba(0,0,0,0.07)",
  height: "100%",
  display: "flex",
  flexDirection: "column"
}}
    >
      <div
        style={{
    backgroundImage: "linear-gradient(180deg, rgba(49,1,125,0.25) 0%, rgba(114,9,183,0.7) 100%), url(https://mintcdn.com/qualcomm-staging/bhii67eqPuJKeIT2/images/tutorials/gemma.jpg?fit=max&auto=format&n=bhii67eqPuJKeIT2&q=85&s=ce5c1f111f77da0c0d9c49154d940ef7)",
    backgroundSize: "cover",
    backgroundPosition: "center",
    minHeight: "200px",
    display: "flex",
    alignItems: "center",
    justifyContent: "center",
    position: "relative",
    padding: "1.5rem",
    textAlign: "center"
  }}
      >
        <div style={{ color: "#fff", fontSize: "1.7rem", fontWeight: 800, lineHeight: 1.2 }}>
          IQ8 NPU 上的 Gemma
        </div>

        <div
          style={{
      position: "absolute",
      bottom: "14px",
      left: "50%",
      transform: "translateX(-50%)",
      background: "rgba(255,255,255,0.15)",
      border: "1px solid rgba(255,255,255,0.4)",
      color: "#fff",
      fontSize: "0.7rem",
      fontWeight: 700,
      letterSpacing: "1px",
      padding: "4px 14px",
      borderRadius: "20px",
      textTransform: "uppercase",
      whiteSpace: "nowrap"
    }}
        >
          Dragonwing · Qualcomm
        </div>
      </div>

      <div style={{ padding: "1.25rem", display: "flex", flexDirection: "column", flexGrow: 1 }}>
        <div style={{ fontSize: "0.68rem", fontWeight: 700, color: "#31017D", letterSpacing: "1.5px", textTransform: "uppercase", marginBottom: "0.5rem" }}>AI / ML</div>
        <div style={{ fontSize: "1.05rem", fontWeight: 800, lineHeight: 1.3, marginBottom: "0.6rem", color: "inherit" }}>使用 LiteRT-LM 在 IQ8 NPU 上运行 Gemma-4 E2B</div>
        <p style={{ fontSize: "0.85rem", color: "inherit", lineHeight: 1.65, margin: "0 0 1rem" }}>从源代码构建 LiteRT-LM，并在 Dragonwing IQ-8275 的 Hexagon NPU 上运行 Google 的 Gemma-4 E2B，从 Ubuntu 原型到 Qualcomm Linux 生产镜像。</p>

        <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center", gap: "1rem", fontSize: "0.78rem", color: "inherit", borderTop: "1px solid rgba(128,128,128,0.2)", paddingTop: "0.75rem", marginTop: "auto" }}>
          <span><a href="https://www.linkedin.com/in/rami-mouro/" target="_blank" rel="noopener noreferrer" style={{ color: "inherit", textDecoration: "none" }}>Rami Mouro</a> · 2026 年 6 月 29 日</span>
          <span style={{ color: "#31017D", fontWeight: 700, whiteSpace: "nowrap" }}>阅读更多 →</span>
        </div>
      </div>
    </div>
  </a>
</div>
