夜雨聆风AI辅助开发的工具层出不穷，但开发者面临的"信息鸿沟"和配置成本反而更高了。Claude Code、Cursor、Codex、OpenClaw分散在各平台，每个工具的最佳设置和隐藏技巧都不在一起。想让AI写出高质量的Next.js或Vue3代码，缺乏一套规范的.cursorrules或AI编码规范。MCP生态落地门槛高，想连接Figma、飞书、Playwright，不知道配置流程和最佳使用方式。
Awesome-AI-Pedia是围绕现代化AI辅助开发核心工作流构建的开源知识库，不是简单的链接堆砌。项目基于VitePress打造，界面采用沉浸式暗黑主题，内置全文搜索。GitHub仓库为Awesome-AI-Pedia/Awesome-AI-Pedia。
候选方案与核心板块
知识库围绕五个核心板块组织。AI编码助手板块覆盖Claude Code完整指南（从安装配置到settings.json详解和Browser工具调用）、Cursor极致调优（中文对话最佳配置、区域限制避坑、菜单栏自定义）、以及Codex、Antigravity、OpenClaw等前沿工具的实践体验。
生态与协议板块聚焦MCP落地。MCP正在重塑大模型与外部数据的交互方式。知识库内置了设计协同（Figma、蓝湖MCP配置）、办公效率（飞书、Context7 MCP）、自动化调试（Playwright、Chrome DevTools MCP）的连接实战。
提示词与规则板块提供多技术栈开箱即用Rules，覆盖Next.js、Vue 3、NuxtJS、Flutter、Expo、Spring Boot、HTML和CSS。AI能否写出高质量代码，80%取决于Context和 Rules。这个板块还有实战Prompt，从React加UI设计师生成、SVG动态海报设计到完整落地技巧。
技能与工具板块提供Custom Skills工具集和深度评测。学习与实战板块覆盖Vibe Coding和Vibe Design实践指南，从概念解析到完整项目搭积木式落地。
维度评测
部署指南
本地一键启动只需三步：
# 1. 克隆仓库git clone https://github.com/Awesome-AI-Pedia/Awesome-AI-Pedia.gitcd Awesome-AI-Pedia# 2. 赋予执行权限chmod +x start.sh# 3. 一键启动（自动检查环境、安装依赖并启动Dev Server）./start.sh所有知识点以标准Markdown维护在仓库目录中。直接用VS Code查看，或在终端配合GitHub体验同样舒适。不需要额外的构建工具或数据库，VitePress负责把Markdown渲染成可搜索的文档站。
关键配置详解
MCP配置是这个知识库的实用价值集中点。以Figma MCP为例，配置流程涉及获取Figma API Token、在Claude Code或Cursor的MCP设置中注册服务器、指定允许访问的文件范围。知识库把每个MCP的配置步骤、常见报错和避坑要点整理成可复制的配置片段。
Rules文件的作用是给AI编码助手设定项目级的技术规范。一份好的.cursorrules文件应该包含：技术栈版本约束、代码风格偏好、目录结构约定、禁止使用的API或模式。知识库提供的Next.js Rules模板包含App Router约定、组件命名规范、状态管理选择逻辑，可以直接放进项目根目录生效。
Vibe Coding的实践要点在于意图驱动：不写重复代码，靠描述意图让AI搭积木式构建项目。搭配Vibe Design可以快速输出接近专业设计师的前端界面。关键在于Prompt的精确性——描述要具体到交互行为和数据流，而非泛泛说"做一个登录页"。
如果正在配置AI编码工具链，可以克隆Awesome-AI-Pedia仓库本地启动，从Rules板块找到匹配你技术栈的模板放进项目根目录，10分钟内能看到AI生成代码质量的差异。
参考资料
- [源码] Awesome-AI-Pedia. https://github.com/Awesome-AI-Pedia/Awesome-AI-Pedia
- [文档] VitePress. https://vitepress.dev/