前言
在 AI 代码生成工具层出不穷的今天，程序员面临着一个核心问题：如何更高效、更精准地让 AI 理解我们的需求？传统的 AI 对话模式需要我们反复描述项目背景、手动关联各种文档和技能规范，这种模式不仅效率低下，还容易因为信息不完整导致生成结果与预期相差甚远。
鳌虾（AoCode） 正是为解决这些痛点而生。它通过可视化拖拽的方式，让开发者无需手敲冗长的 Prompt，即可自动生成高质量的 AI 编程指令。更重要的是，它能与项目中的技能文件（skills）无缝结合，让 AI 始终在统一的规范下生成代码，从根本上减少"幻觉"的产生。
GitHub：github.com/zy1992829/a…
一、工具使用：零门槛上手，三步生成 AI 指令
1.1 组件拖拽，所见即所得
鳌虾提供了一个直观的可视化页面设计器。左侧是丰富的组件库，右侧是线框图骨架画布。开发者只需从左侧拖拽组件到画布中，即可快速搭建页面结构。
支持的组件包括：
- 页面布局：单列、双列、左侧定宽、右侧定宽等多种布局容器
- 基础组件：搜索栏、数据表格、表单区域、可编辑表格、详情区块
- 自定义模块：支持纯文本自定义模块
每个组件都可以单独配置其属性和关联的业务字段，满足不同的业务需求。
1.2 智能读取项目技能文件
鳌虾支持自动扫描并读取项目中的技能文件。它会按照优先级自动探测以下目录：
.trae/skills > .trae/rules > .cursor/rules > .windsurf/rules > .aocode/rules > docs/rules
读取逻辑采用三态模式：
- 状态一：未找到任何技能文件 → 输出"您没有任何技能约束"
- 状态二：找到文件但文件中没有
<rules>或[CODE_RULES_START]标签 → 静默处理，不输出任何内容 - 状态三：找到文件且文件包含标签内容 → 自动提取并注入到 AI 指令中
这种设计确保了 AI 指令的精简性——只传递必要的信息，避免噪声干扰。
1.3 页面级技能分配
在鳌虾中，每个页面都可以独立绑定不同的技能文件。比如：
index.vue（列表页）绑定page.mdedit.vue（编辑页）绑定edit.mdlook.vue（详情页）绑定look.md
这样，不同类型的页面会自动带上各自的规范约束，生成结果更加精准。
1.4 一键生成 Clipboard 指令
配置完成后，点击**"生成 AI 指令"**按钮，鳌虾会自动生成一份结构化的指令文本，包含：
- 功能目录和路径信息
- 页面模块及布局顺序
- 绑定的技能规范内容
- API 基础路径
生成后直接复制到剪贴板，粘贴到 AI 对话窗口即可。
二、工具对比：鳌虾 vs 传统 AI 编程
| 对比维度 | 传统 AI 编程 | 鳌虾 AoCode |
|---|---|---|
| Prompt 输入 | 每次都要手敲完整描述 | 可视化配置，一键生成 |
| 技能规范传递 | 手动复制粘贴或反复提及 | 自动读取并注入 |
| 多页面一致性 | 每个页面都要重复描述项目背景 | 页面级技能分配，一劳永逸 |
| 信息完整性 | 容易遗漏关键约束条件 | 结构化输出，确保信息无遗漏 |
| 技能文件管理 | 依赖开发者自觉遵守 | 系统层面强制关联 |
| 学习成本 | 需要学习 Prompt 编写技巧 | 无需任何 Prompt 经验 |
2.1 传统模式的痛点
传统 AI 编程中，开发者常常面临这样的困境：
- 重复劳动：每次对话都要重新描述项目结构、技术栈、规范要求
- 信息不对称：AI 无法主动了解项目规范，容易产生"幻觉"
- 一致性差：不同对话生成的代码风格不统一，集成困难
- 维护成本高：项目规范变更后，需要手动更新所有历史 Prompt
2.2 鳌虾的解决方案
- 零 Prompt 编写：通过可视化配置替代手写文本，降低使用门槛
- 技能即规范：将项目规范写入技能文件（skills），AI 随时可读
- 上下文共享：一次配置，多页面复用，确保输出一致性
- 版本可控：技能文件可纳入版本管理，规范变更有迹可循
三、快速上手：下载与安装
3.1 环境要求
- Node.js：>= 16.0.0
- npm：>= 8.0.0
3.2 安装步骤
使用 npm 全局安装：
npm install -g aoxia-ui-generator
# 验证安装
aocode --version
安装完成后，在任意项目目录下运行即可启动鳌虾：
aocode
服务启动后会自动打开浏览器访问 http://localhost:3000/，即可开始使用。
3.3 项目初始化
首次使用时，建议在项目根目录下创建 .trae/skills 文件夹，并放置你的技能规范文件：
my-project/
├── .trae/
│ └── skills/
│ ├── page.md # 列表页规范
│ ├── edit.md # 编辑页规范
│ └── look.md # 详情页规范
└── src/
└── views/
└── ...
鳌虾会自动扫描并读取这些文件，让你在页面配置时自由绑定。
四、未来展望：AI 编程的下一个十年
4.1 从"工具"到"助手"的进化
当前的 AI 编程工具大多停留在"响应指令"的层面。鳌虾的愿景是成为主动协作的助手——它不仅被动响应开发者的配置，还会主动建议最优的页面结构、规范的代码组织方式。
4.2 技能生态的构建
未来，鳌虾计划构建一个开放的技能市场（Skills Market）：
- 开发者可以发布自己编写的技能文件
- 项目可订阅行业最佳实践技能
- 支持技能的版本管理和更新通知
4.3 多模态融合
未来的 AI 编程将不局限于文本。鳌虾计划引入：
- 设计稿导入：直接解析 Figma、Sketch 等设计文件
- API 文档解析：自动理解接口定义并生成对应页面
- 代码审查集成：生成后自动检查是否符合规范
4.4 对标 OpenClaw，走向国际
鳌虾的愿景不止于国内市场。它以 OpenClaw（开源龙虾）为对标目标，致力于成为全球开发者喜爱的 AI 编程工具。开源、生态、国际化的道路，将是鳌虾下一阶段的核心方向。
结语
AI 编程的时代已经到来，但"幻觉"问题始终困扰着开发者。鳌虾通过可视化配置 + 技能文件 + 智能注入的创新模式，让 AI 始终在规范的框架内生成代码，从根本上减少了不确定性。
这不是一个简单的 Prompt 生成器，而是一套完整的AI 编程工作流解决方案。它让开发者从繁琐的文本工作中解放出来，专注于真正的业务逻辑。
当别人还在手敲 Prompt 的时候，你已经在用鳌虾生成代码了。
鳌虾 AoCode，下一代 AI 编程助手，让代码生成更精准、更高效、更可控。
