How to Set Up the Open-Source AI Hub Tool for an AI Code Review Application

Overview of AIHub

AIHub is an Electron‑based cross‑platform desktop AI assistant that provides a unified interface for multiple large‑model providers (OpenAI, Ollama, Google Gemini, etc.). Repository: https://github.com/classfang/AIHub

Preparing the Development Environment

Install Node.js via nvm and switch to version 21.

Download the source archive v1.8.9 from the releases page: https://github.com/classfang/AIHub/releases/tag/v1.8.9

Extract the archive and open the project folder in VS Code.

Installing Dependencies

Run the following command in the project directory:

➜  AIHub-1.8.9-CodeReview npm install
> [email protected] postinstall
> electron-builder install-app-deps
  • electron-builder  version=24.13.3
  • loaded configuration  file=/develop/gitlab/AIHub-1.8.9-CodeReview/electron-builder.yml
added 900 packages in 2m
153 packages are looking for funding
run `npm fund` for details

Running the Application

Start the development server: npm run dev The UI appears as shown:

Inspecting the Project’s Tech Stack

Key entries in package.json (devDependencies):

"vite": "^5.2.12",
"vue": "^3.4.26",
"typescript": "^5.4.5",
"electron": "^30.0.9",
"axios": "^1.7.2",
"@arco-design/web-vue": "^2.55.2"

The UI library @arco-design/web-vue is ByteDance’s Vue component suite (website: https://arco.design/).

Understanding the Main UI Layout

The main window is split into a left navigation pane and a right content pane. Navigation items are defined in the sidebarConfig object inside src/App.vue.

Adding a Custom Code Review Page

Modify src/App.vue:

Extend sidebarConfig with a new entry for “AI Code Review”.

Insert the following markup where page content is rendered:

<div v-if="alivePages.includes('codereview')" v-show="systemStore.isThisPage('codereview')" class="app-body">
    <h1>我是AI代码评审的自定义内容HelloWorld</h1>
</div>

After saving, restart or refresh the app. A new navigation icon appears on the left, and the custom heading is displayed on the right.