{
  "added_at": "2026-11-06",
  "additional_evidence_urls": [
    "https://github.com/Arsh-pixel-cmd/DevLens/blob/bf2b4ed21cb79aa2713cc4917ff06ea415431332/PRIVACY_POLICY.md"
  ],
  "category": "web-analysis",
  "description_en": "DevLens Ultra is a Chrome extension for inspecting and extracting website component structure. It analyzes selected DOM elements, computed styles and framework state such as React Fiber props, then generates React JSX and Tailwind classes. An optional AI step refines selected snippets through a configured provider.",
  "description_zh": "DevLens Ultra 是用于检查和提取网页组件结构的 Chrome 扩展。它分析所选 DOM 元素、计算样式及 React Fiber 属性等框架状态，生成 React JSX 与 Tailwind 类；用户还可配置 AI 服务进一步整理所选片段。",
  "entry_url": "https://awesomerea.org/resources/devlens-ultra/",
  "entry_url_zh": "https://awesomerea.org/zh/resources/devlens-ultra/",
  "evidence_url": "https://github.com/Arsh-pixel-cmd/DevLens/blob/bf2b4ed21cb79aa2713cc4917ff06ea415431332/README.md",
  "group": "tools",
  "id": "devlens-ultra",
  "json_url": "https://awesomerea.org/resources/devlens-ultra/record.json",
  "kind": "tool",
  "markdown_url": "https://awesomerea.org/resources/devlens-ultra/index.md",
  "markdown_url_zh": "https://awesomerea.org/zh/resources/devlens-ultra/index.md",
  "name": "DevLens Ultra",
  "name_zh": "DevLens Ultra 网页组件分析扩展",
  "record_type": "resource",
  "relationship": "foundation",
  "requirement_facets": [
    "prerequisites",
    "prerequisites",
    "license"
  ],
  "requirements": [
    "Chrome with extension Developer Mode to load the unpacked extension.",
    "AI refinement requires a configured provider API key and base URL.",
    "No licence file in the repository."
  ],
  "requirements_zh": [
    "需要在 Chrome 中开启扩展开发者模式并加载未打包扩展。",
    "使用 AI 整理功能需要配置服务商 API 密钥和基础地址。",
    "仓库中没有许可证文件。"
  ],
  "targets": [
    "website"
  ],
  "url": "https://github.com/Arsh-pixel-cmd/DevLens",
  "verification": "source-reviewed",
  "verified_at": "2026-11-06"
}