DESIGN/设计资源·UI-KIT

lobe-ui

lobehub/lobe-ui

几分钟为你的AI应用搭好专业界面Ship a polished UI for your AI web app in minutes, powered by @lobehub/ui.

为AIGC网页应用设计的React组件库，从Ant Design扩展而来，开箱即用。Open-source React components for building AIGC web apps quickly, with Antd compatibility.

打开仓库Open repository 官网Homepage 上升中Rising

怎么装：Install: pnpm add @lobehub/ui

02 / 现在的位置02 / Why now

它现在处在什么位置Where it stands right now

首次发现FIRST SEEN

03 OCT 202603 OCT 2026

增长GROWTH

+0.1%+0.1%

2.2k → 2.2k stars · 3 个快照2.2k → 2.2k stars · 3 snapshots

状态STATUS

持续活跃Active

项目已有2216颗星，社区认可度较高。Active development: 8 commits in the past week

03 / 它能帮你做什么03 / What it helps you do

它能帮你做成什么What it helps you do

01
用组件库快速搭建AIGC网页界面
02
用Landing组件搭建产品首页
03
本地浏览器测试组件库和文档站点
04
搭建并管理文档站点
05
配置主题和动画效果

01
Assemble landing heroes and call-to-action sections
02
Theme your app with dark mode presets
03
Add localized text for forms and hotkeys
04
Enable motion transitions with a simple model sources
05
Customize antd components with your own styles

04 / 安装04 / Install

怎么装How to install

NPM

$

Node 用户的安装方式。The install route for Node users.

GIT-CLONE

$

README 里给出的安装方式。The installation method given in the README.

两种装法选一个即可 —— 上面那条给命令行用户，下面那条给写代码的用户。Pick one of the two — the first is for command-line users, the second for people writing code.

使用 pnpm add @lobehub/ui 安装Run pnpm add @lobehub/ui, and also pnpm add react react-dom if your project doesn't have them.

05 / 限制与风险05 / Limits and risk

限制与风险Limits and risk

风险不是警告，是可信度的一部分。以下结论只基于文档静态扫描，我们不会执行项目里的任何代码。Risk here is evidence, not an alarm. These findings come from static scanning of the docs; we never execute a project’s code.

限制LIMITS

需检查Needs review

01需要 API KeyREQUIRES API KEY: 未在文档中发现Not found in the docs
02需要本地环境NEEDS LOCAL RUNTIME: 是Yes
03需要 DockerNEEDS DOCKER: 未在文档中发现Not found in the docs
04难度DIFFICULTY: 需要本地环境Needs a local runtime

PROVENANCE · 这些结论的依据是什么Where these conclusions come from

来源 URLSource URL: https://github.com/lobehub/lobe-ui
原始数据哈希Raw data hash: 16c0074e7e9456b3f3b811e14be318ae
解析时间Parsed at: 2026-10-05T22:13:20.968Z
最后一次验证Last verified: 2026-10-05T13:45:39.240Z
增长测量时间Growth measured: 2026-10-05T22:16:26.213Z
发现查询Discovery queries: focus:web:repo:component-library
分类来源Category source: rules
焦点Focus: design · web (15)

完整解析证据 JSONFull parse evidence JSON

{
  "agents": [
    {
      "agent": "claude-code",
      "evidence": "tree: .claude/"
    },
    {
      "agent": "windsurf",
      "evidence": ".agents/skills/building-landing-home/SKILL.md: …Gemini CLI, GitHub Copilot, Windsurf, Cline, OpenCode). Replace it…"
    },
    {
      "agent": "cline",
      "evidence": ".agents/skills/building-landing-home/SKILL.md: …, GitHub Copilot, Windsurf, Cline, OpenCode). Replace it with t…"
    },
    {
      "agent": "gemini-cli",
      "evidence": ".agents/skills/building-landing-home/SKILL.md: …(Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, Windsurf,…"
    },
    {
      "agent": "opencode",
      "evidence": ".agents/skills/building-landing-home/SKILL.md: …b Copilot, Windsurf, Cline, OpenCode). Replace it with the `.Avata…"
    }
  ],
  "apiKey": null,
  "docker": null,
  "taxonomy": {
    "scores": {
      "design": 9,
      "ai-tools": 0,
      "dev-tools": 0,
      "indie-web": 0,
      "skill-agent": 0,
      "productivity": 0
    },
    "primary": "design",
    "secondary": "ui-kit"
  },
  "localRuntime": "install: npm, git-clone",
  "skillMdTotal": 4,
  "skillMdErrors": [],
  "treeTruncated": false,
  "categoryScores": {
    "data": 0,
    "agent": 0,
    "media": 0,
    "design": 14,
    "browser": 0,
    "devtool": 0,
    "security": 0,
    "marketing": 0,
    "productivity": 0
  },
  "classification": [
    {
      "signal": "4 SKILL.md with name + description",
      "weight": 0.95
    }
  ],
  "scannedSources": [
    "readme",
    ".agents/skills/building-landing-home/SKILL.md",
    ".agents/skills/building-with-lobe-ui/SKILL.md",
    ".agents/skills/local-testing/SKILL.md",
    ".agents/skills/using-docs-kit/SKILL.md"
  ],
  "skillMdFetched": 4
}