背景

在 AI 辅助开发工具的使用中，我们经常遇到一个核心问题：如何让 AI 更准确地理解和执行我们的指令？美团 M17 团队开源的 Meeseeks 评测集为我们提供了新的思路，它专注于 评测大模型的"听话"能力——即是否严格按照用户指令执行，而非内容的知识正确性。

基于这一理念，我们为 Kiro 制定了新的前端开发规则，显著提升了其指令理解和执行能力。

Meeseeks 核心理念在 Kiro 中的应用

1. 从"知识正确"到"指令遵循"

传统方式的问题：

• AI 经常基于自己的"理解"添加额外功能

• 忽略用户明确指定的技术栈约束

• 提供"更好"的方案而非用户要求的方案

Meeseeks 理念的改进：

用户指令：使用 Vue 2.7 + TypeScript 实现一个用户列表组件传统 AI：可能建议升级到 Vue 3，或添加额外的功能应用新规则的 Kiro：严格按照 Vue 2.7 + TypeScript 实现，不
添加未要求的功能

2. 三级指令理解框架

我们将 Meeseeks 的三级评测框架应用到前端开发场景：

一级：任务核心意图识别

• 准确识别是开发新功能、修复 bug、还是架构优化

• 理解技术栈、框架、组件的具体要求

• 识别性能、兼容性等约束条件

二级：约束条件处理

• 严格遵循指定的技术栈（Vue 2.7、TypeScript、SCSS）

• 按照项目结构规范组织代码

• 使用指定的包管理器（PNPM）

三级：细节规则遵循

• 代码风格和命名规范

• ESLint 规范遵循

• 跨浏览器兼容性处理

• 无障碍访问性考虑

实际效果对比

需求理解准确性提升

场景： 用户要求"优化移动端列表滚动性能"

优化前：

• 可能提供多种方案对比

• 建议重构整个列表组件

• 添加用户未要求的功能

优化后：

• 精确定位滚动性能问题

• 提供针对性的优化方案

• 严格按照现有技术栈实现

关键改进点

1. 指令解析精确性

新规则要求 Kiro 必须：

• 准确识别前端开发任务的核心目标

• 理解技术栈、框架、组件要求

• 识别性能、兼容性、响应式等约束条件

• 在需求不明确时主动请求澄清

2. 约束条件严格执行

不再"聪明地"建议更好的技术方案，而是：

• 严格遵循指定的技术栈

• 按照项目结构规范组织代码

• 使用指定的包管理器和工具链

• 遵循既定的代码风格和命名规范

3. 输出质量保证

确保每次输出都：

• 提供完整可运行的代码

• 包含必要的类型定义和注释

• 遵循项目的目录结构规范

• 代码可以即时使用，无需额外修改

实施效果

开发效率提升

1. 减少沟通成本：Kiro 更准确理解需求，减少反复澄清

2. 提高代码质量：严格遵循项目规范，减少代码审查问题

3. 降低维护成本：生成的代码符合团队标准，易于维护

团队协作改善

1. 统一代码风格：所有 AI 生成的代码都符合团队规范

2. 技术栈一致性：不会出现技术栈混用的问题

3. 架构设计规范：遵循既定的架构模式和设计原则

最佳实践建议

1. 明确指令表达

❌ 模糊指令：优化这个组件 ✅ 明确指令：使用 Vue 2.7 + TypeScript 优化 UserList 组件的滚动性能，保持现有 API 不变

2. 约束条件明确

✅ 完整约束：
​
- 技术栈：Vue 2.7 + TypeScript + SCSS
- 包管理：PNPM
- 代码规范：ESLint + 项目 tsconfig
- 兼容性：支持 Chrome 80+、Safari 13+

3. 验证输出质量

使用自我检查清单验证：

• 是否准确理解了前端开发需求？
• 是否遵循了指定的技术栈和约束条件？
• 代码是否符合项目规范和最佳实践？
• 功能实现是否完整且可正常运行？

总结

基于 Meeseeks 评测集理念的 Kiro 前端开发规则，通过强调"指令遵循"而非"智能建议"，显著提升了 AI 辅助开发的准确性和实用性。这种方法不仅提高了开发效率，还确保了代码 质量和团队协作的一致性。

未来我们将继续优化这套规则体系，探索更多 AI 辅助开发的最佳实践，为团队提供更高效、更可靠的开发工具支持。