Qdleader

by qdleader

278 downloads

Not rated

GitHub

Other

About

我们提供了 QDLeader MCP Server，让 AI 助手（如 Cursor、Claude Desktop）能够直接访问和搜索整个知识库！

Details

Author: qdleader
Downloads: 278
Categories: Other

- Daily updated interview questions and knowledge points
- Real-world project experience and solutions
- Systematic organization by technology stack
- Practical tools and methods to improve development efficiency
- Collection of fun and useful components and page effects
- AI-enhanced MCP server for easy knowledge retrieval

Setting up with Highlight

This MCP is not yet compatible with Highlight’s one-click setup. However, you can still use it with Highlight by following these steps:

Download and install Highlight from highlightai.com/download
Navigate to the plugins tab and select "Add Custom Plugin"
Configure the plugin with the settings below

Plugin Name Qdleader

Command (node, npx, python, etc.)

Please refer to the README for specific instructions on how to obtain API keys or other required environment variables.
Enable "Start Automatically" if you want the plugin to start when Highlight launches

Setting up with Cursor

Open Cursor's settings
Navigate to the MCP section
Click "Add new Global MCP server"
Copy and paste the configuration below based on your operating system

JSON

{
    "mcpServers": {
        "qdleader": {
            "qdleader": {
                "command": "npx",
                "args": [
                    "-y",
                    "qdleader-mcp"
                ]
            }
        }
    }
}

JSON

{
    "mcpServers": {
        "qdleader": {
            "qdleader": {
                "command": "npx",
                "args": [
                    "-y",
                    "qdleader-mcp"
                ]
            }
        }
    }
}

JSON

{
    "mcpServers": {
        "qdleader": {
            "qdleader": {
                "command": "npx",
                "args": [
                    "-y",
                    "qdleader-mcp"
                ]
            }
        }
    }
}

Setting up with Claude Desktop

Open Claude Desktop's settings
Go to the Integrations tab
Click "Add MCP Server"
Use the configuration below based on your operating system

Note: Make sure Claude Desktop is running before attempting to connect.

JSON

{
    "mcpServers": {
        "qdleader": {
            "qdleader": {
                "command": "npx",
                "args": [
                    "-y",
                    "qdleader-mcp"
                ]
            }
        }
    }
}

JSON

{
    "mcpServers": {
        "qdleader": {
            "qdleader": {
                "command": "npx",
                "args": [
                    "-y",
                    "qdleader-mcp"
                ]
            }
        }
    }
}

JSON

{
    "mcpServers": {
        "qdleader": {
            "qdleader": {
                "command": "npx",
                "args": [
                    "-y",
                    "qdleader-mcp"
                ]
            }
        }
    }
}

Setting up with Windsurf

Open Windsurf's preferences
Go to the Integrations section
Click "Add MCP Integration"
Use the configuration below based on your operating system

JSON

{
    "mcpServers": {
        "qdleader": {
            "qdleader": {
                "command": "npx",
                "args": [
                    "-y",
                    "qdleader-mcp"
                ]
            }
        }
    }
}

JSON

{
    "mcpServers": {
        "qdleader": {
            "qdleader": {
                "command": "npx",
                "args": [
                    "-y",
                    "qdleader-mcp"
                ]
            }
        }
    }
}

JSON

{
    "mcpServers": {
        "qdleader": {
            "qdleader": {
                "command": "npx",
                "args": [
                    "-y",
                    "qdleader-mcp"
                ]
            }
        }
    }
}

Setting up with Cline

Open Cline's settings
Navigate to the Integrations section
Click "Add MCP Server"
Copy and paste the configuration below based on your operating system

Note: Make sure to restart Cline after adding the configuration.

JSON

{
    "mcpServers": {
        "qdleader": {
            "qdleader": {
                "command": "npx",
                "args": [
                    "-y",
                    "qdleader-mcp"
                ]
            }
        }
    }
}

JSON

{
    "mcpServers": {
        "qdleader": {
            "qdleader": {
                "command": "npx",
                "args": [
                    "-y",
                    "qdleader-mcp"
                ]
            }
        }
    }
}

JSON

{
    "mcpServers": {
        "qdleader": {
            "qdleader": {
                "command": "npx",
                "args": [
                    "-y",
                    "qdleader-mcp"
                ]
            }
        }
    }
}

Setting up with Goose

Open Goose's preferences
Go to the Integrations tab
Select "MCP Servers"
Click "Add New Server"
Use the configuration below based on your operating system

JSON

{
    "mcpServers": {
        "qdleader": {
            "qdleader": {
                "command": "npx",
                "args": [
                    "-y",
                    "qdleader-mcp"
                ]
            }
        }
    }
}

JSON

{
    "mcpServers": {
        "qdleader": {
            "qdleader": {
                "command": "npx",
                "args": [
                    "-y",
                    "qdleader-mcp"
                ]
            }
        }
    }
}

JSON

{
    "mcpServers": {
        "qdleader": {
            "qdleader": {
                "command": "npx",
                "args": [
                    "-y",
                    "qdleader-mcp"
                ]
            }
        }
    }
}

From the repository

Clone the GitHub repository using git clone https://github.com/qdleader/qdleader.git, then open with VS Code. For AI-enhanced access, configure the Qdleader MCP server in Cursor or Claude Desktop by adding the JSON block with command npx -y qdleader-mcp.

`search_knowledge`

Search through the QDLeader front-end knowledge base. Search across all documentation including Vue, React, TypeScript, CSS, interview questions, algorithms, and more. Returns matching files with their paths and categories.

`read_document`

Read the full content of a specific document from the knowledge base. Use the path returned from search_knowledge.

`list_categories`

List all available categories/directories in the knowledge base with their document counts.

`get_category_contents`

Get a list of all documents in a specific category with their titles and paths.

Claude Desktop / Cursor

Paste into your MCP client config file to install this server.

{
    "mcpServers": {
        "qdleader": {
            "qdleader": {
                "command": "npx",
                "args": [
                    "-y",
                    "qdleader-mcp"
                ]
            }
        }
    }
}

McpServers

{
    "qdleader": {
        "command": "npx",
        "args": [
            "-y",
            "qdleader-mcp"
        ]
    }
}

前端知识库 QDLeader

<div align="center"> 📚 一个系统化整理的前端知识库，涵盖面试、实战、工具等全方位内容

</div>

📖 项目简介

这是一个持续更新的前端知识库，汇集了日常开发中的实战经验、面试题解析、工具使用技巧等内容。无论你是初学者还是进阶开发者，都能在这里找到有价值的参考资料。 > 💡 吾生也有涯，而知也无涯。 让我们一起在有限的时间里，做自己喜欢的事，探索前端的奇妙世界！

💬 交流社区

欢迎关注公众号 qdleader，回复「加群」即可加入技术交流群！ - 📱 每日推送最新知识点 - 👥 与小伙伴们一起讨论技术问题 - 🎯 获取更多学习资源

✨ 特色内容

- 📝 每日更新 - 持续输出面试题和知识点 - 💼 实战经验 - 项目中真实遇到的问题及解决方案 - 🎯 系统化整理 - 按技术栈分类，方便查阅 - 🔧 工具技巧 - 提升开发效率的实用工具和方法 - 🎨 组件收藏 - 好玩实用的组件和页面效果 - 🤖 AI 增强 - 提供 MCP 服务器，让 AI 助手访问知识库

📂 目录结构

核心技术栈

- Vue & Vue3 - Vue 全家桶相关知识 - React - React 生态系统实践 - TypeScript - TS 进阶使用 - ES6+ - 现代 JavaScript 特性

工程化与工具

- Webpack & Vite & Rollup - 构建工具 - 工程化 - 代码规范、自动化配置 - Git - 版本控制最佳实践 - 包管理 - npm、pnpm 使用指南

样式与布局

- CSS & CSS3 - 样式基础与进阶 - Less & SCSS - CSS 预处理器 - UI 框架 - 组件库使用技巧

前端面试

- 面试题库 - 涵盖 HTML、CSS、JS、Vue、React、TS 等 - CSS 类 - JS 类 - Vue 篇 & Vue3 篇 - React 篇 - TS 篇

实战技巧

- 前端小 Tips - 实用小技巧合集 - 项目问题解决 - 真实项目踩坑记录 - 优化 - 性能优化方案 - 不可不知的项目冷知识 - 容易忽视的重要知识

移动端与小程序

- H5 - 移动端开发 - 微信小程序 - 小程序开发实践 - Uniapp & Taro - 跨平台方案

服务端相关

- Node.js - 后端 JavaScript - 服务端 - Docker、Linux、Nginx、数据库等 - 监控告警 - Sentry 等工具使用

AI 相关

- AI - AI 工具使用、Prompt 工程、本地部署等

其他

- LeetCode - 算法练习 - 常见算法 - 前端必备算法 - 微前端 - qiankun 等方案 - 设计原则 - 代码设计思想

🚀 快速开始

```bash

No reviews yet — be the first

Use Google, GitHub, or an email account so ratings stay tied to real people.

Email sign in

No reviews posted yet.

About

Details

Jump to

Setting up with Highlight

From the repository

search_knowledge

read_document

list_categories

get_category_contents

Claude Desktop / Cursor

McpServers

前端知识库 QDLeader

📖 项目简介

💬 交流社区

✨ 特色内容

📂 目录结构

核心技术栈

工程化与工具

样式与布局

前端面试

实战技巧

移动端与小程序

服务端相关

AI 相关

其他

🚀 快速开始

Install

More like this

Sequential Thinking

Filesystem

EverArt

Google Drive

Reactive Resume

FastMCP v2 🚀

`search_knowledge`

`read_document`

`list_categories`

`get_category_contents`