

AWS最新Kiro CLI刚刚发布，深度测试附完整案例，完成EC2创建+代码生成+发布+测试+架构评估与优化

沐然云计算

2025-11-18

导读：这只是日常卷的一个夜晚，一位其他时区的朋友还在线，在等着Kiro GA发布。

这只是日常卷的一个夜晚，一位其他时区的朋友还在线，在等着Kiro GA发布。在保密协议框架内，提前一段时间就知道了Kiro CLI要发布的消息，看到正式发布还是很激动。

Kiro是AWS推出的面向Spec的IDE，在Amazon Q的时候已经开始用Prompt-Driven Development进行开发，Kiro基于PDD继承了便于Spec模式开发的界面和处理逻辑。当然Kiro支持Vibe Coding和Spec Coding，两者结合可以发挥更有价值，这个之前我们介绍过。

今天推出的Kiro CLI，能够在各种终端命令行中使用Kiro强大的能力。前面阿里云Qoder CLI发布第一天就开始使用，折腾了各种环境去深度体验，今天也要深度体验下Kiro CLI。

我们在AWS CloudShell中使用Kiro CLI来创建EC2实例、编写代码、直接发布运行，最后再检查代码并扫描系统环境。

取巧方式使用AWS CloudShell安装Kiro CLI

我们并不是在自己电脑本地安装Kiro CLI，也不是创建一台EC2实例来跑Kiro CLI，而是在AWS控制台CloudShell中启动。如下图所示，在AWS官网顶部有命令行图标，点击后可以在页面底部出现一个CloudShell，这里就行Linux环境呀，可以直接安装。

如何安装，下面一条命令就够了

curl -fsSL https://cli.kiro.dev/install | bash

安装完成后还需要登录，支持两种方式，Builder ID和IDC Account，我们选择第一种。

会出现一个URL链接，复制到浏览器中访问就会跳转到授权页面，全部通过后可以登录成功，这样我们就可以使用kiro-cli了。

登录成功啦。

使用kiro-cli智能的创建一台新的EC2实例

kiro-cli相比传统CLI的最大亮点，就是提供了智能化。我们就来挑战下极限，让kiro-cli直接创建一台EC2实例。

先来扫描下当前网络环境。

网络环境基本正常，也不使用ICMP ping的测试。接下来我们创建EC2实例，但是我们不需要查找创建EC2实例的具体命令和参数，我们直接通过自然语言就可以完成。

帮我启动一台EC2实例，1C2G

登录到AWS界面控制台可以查看下EC2实例信息，确保已经创建成功。

在线直接生成代码

Kiro CLI已经帮我们通过自然语言创建了一台EC2实例，这时候可以登录到EC2上、安装HTTPD服务，不过呢，我们还是让Kiro CLI帮我们来处理，所以我们只需要输入以下自然语言就行了。

帮我登录到这台新创建的EC2上，并且安装httpd

界面中显示已经登录成功，我们并没有做哪些特殊设置，CloudShell能够记录到EC2实例信息并登录的，其中Kiro CLI还自动创建了一个访问密钥。

接下来就该生成应用了，在kiro-cli中输入以下自然语言就可以了，我们生成一个Kiro CLI CheatSheet，方便学习使用。

帮我在这台服务器上开发一个简单的应用，用来展示Kiro CLI CheatSheet，并进行部署

我们查看下效果，还挺不错的。

检查Bug，设计改进方案

并不能局限于此，一次性生成的代码可能并不完善，我们让Kiro CLI来查找下可能还有哪些不足，并且生成一份检测报告。

帮我们检查下当前代码有哪些Bug、不足、缺陷，帮我们整理一份项目代码检测报告并进行保存。

# Kiro CLI CheatSheet 项目代码检测报告

**项目名称**: Kiro CLI CheatSheet  
**检测日期**: 2025-11-17  
**文件**: kiro-cheatsheet.html  
**检测工具**: Kiro CLI 代码审查

---

## 执行摘要

-**总体评分**: 7.5/10
-**严重问题**: 0
-**中等问题**: 5
-**轻微问题**: 8
-**建议优化**: 6

---

## 🔴 严重问题 (Critical)

无

---

## 🟡 中等问题 (Medium)

### 1. 缺少无障碍支持 (Accessibility)
**位置**: 全局  
**问题**: 缺少ARIA标签和语义化标签  
**影响**: 屏幕阅读器用户无法正常使用  
**建议**: 
```html
<header role="banner">
<nav role="navigation" aria-label="命令导航">
<main role="main">
```

### 2. 缺少错误处理
**位置**: 全局  
**问题**: 没有处理字体加载失败的情况  
**建议**: 添加font-display: swap和本地字体回退

### 3. 性能问题
**位置**: CSS样式  
**问题**: 所有样式内联，无法缓存  
**建议**: 将CSS提取到外部文件

### 4. 缺少元数据
**位置**: `<head>`
**问题**: 缺少SEO和社交媒体元标签  
**建议**: 添加description、keywords、og:tags

### 5. 浏览器兼容性
**位置**: CSS Grid  
**问题**: 旧版浏览器不支持CSS Grid  
**建议**: 添加@supports检测和降级方案

---

## 🟢 轻微问题 (Minor)

### 1. 硬编码颜色值
**问题**: 颜色值分散在各处，难以维护  
**建议**: 使用CSS变量统一管理

### 2. 缺少打印样式
**问题**: 打印时渐变背景会浪费墨水  
**建议**: 添加@media print样式

### 3. 响应式断点不足
**问题**: 只有一个300px断点  
**建议**: 添加平板和大屏幕断点

### 4. 缺少交互反馈
**问题**: 卡片点击无反馈  
**建议**: 添加:active状态样式

### 5. 表情符号兼容性
**问题**: 某些系统可能不支持表情符号  
**建议**: 使用SVG图标替代

### 6. 缺少加载状态
**问题**: 大背景渐变可能导致首屏闪烁  
**建议**: 添加骨架屏或加载动画

### 7. 代码可读性
**问题**: CSS全部压缩在一行  
**建议**: 已经格式化，但可以进一步模块化

### 8. 缺少版本信息
**问题**: 硬编码日期，无法动态更新  
**建议**: 使用JavaScript动态生成

---

## 💡 优化建议

### 1. 性能优化
- 使用CSS变量减少重复代码
- 添加will-change提示浏览器优化动画
- 使用contain属性隔离渲染

### 2. 安全性
- 添加Content-Security-Policy meta标签
- 使用Subresource Integrity (SRI)

### 3. 用户体验
- 添加深色模式支持
- 添加搜索/筛选功能
- 添加复制命令按钮

### 4. 代码质量
- 提取CSS到单独文件
- 添加JavaScript增强交互
- 使用语义化HTML5标签

### 5. 国际化
- 添加英文版本切换
- 使用data属性存储多语言内容

### 6. 监控和分析
- 添加Google Analytics或类似工具
- 添加错误监控

---

## 📊 代码质量指标

| 指标 | 评分 | 说明 |
|------|------|------|
| HTML语义化 | 6/10 | 缺少语义化标签 |
| CSS组织 | 7/10 | 结构清晰但可模块化 |
| 可访问性 | 5/10 | 缺少ARIA和键盘导航 |
| 响应式设计 | 8/10 | 基本响应式但可改进 |
| 性能 | 7/10 | 轻量但可优化 |
| 安全性 | 8/10 | 静态页面风险低 |
| 可维护性 | 7/10 | 代码简洁但耦合度高 |

---

## 🔧 快速修复清单

**高优先级**:
- [ ] 添加ARIA标签
- [ ] 添加meta description
- [ ] 提取CSS到外部文件
- [ ] 添加深色模式

**中优先级**:
- [ ] 使用CSS变量
- [ ] 添加打印样式
- [ ] 改进响应式断点
- [ ] 添加复制按钮功能

**低优先级**:
- [ ] 添加搜索功能
- [ ] 国际化支持
- [ ] 添加分析工具
- [ ] 性能监控

---

## 📝 总结

该项目是一个简洁有效的单页面应用，代码质量良好，适合快速部署。主要问题集中在可访问性和可维护性方面。建议优先解决无障碍访问问题，然后逐步优化性能和用户体验。

**优点**:
- 代码简洁，易于理解
- 视觉设计现代美观
- 响应式布局基本完善
- 无外部依赖，加载快速

**需要改进**:
- 可访问性支持不足
- 缺少交互增强功能
- 代码可维护性有待提高
- SEO优化不足

---

**报告生成**: Kiro CLI  
**审查人**: AI Code Reviewer  
**下次审查建议**: 实施修复后重新评估

遵循最佳实践并生成Spec Rules

AWS提供了Well-Architected Framework以及GenAI Lens，通过良好设计架构框架和生成式AI指导原则，我们可以进一步为代码编写提供修改标准。

根据AWS提供的Well-Architected Framework以及GenAI Lens生成最佳规范，并且检查当前代码、当前系统架构与应用架构是否遵循了这些框架、支柱、设计原则。生成对应的文档。

可以看出来，前面Kiro CLI生成的代码看起来已经非常完善了，并且是智能化生成的代码。在AWS Well-Architected的架构视角来看，还是有一堆问题。

我们可以很方便的用自然语言跟Kiro CLI沟通并修复这些问题。为了避免一直出现这样的问题，也为了在最开始编码的时候就遵循AI架构框架和最佳实践，我们接下来生成Spec Rules。

根据AWSWell-Architected Framework以及GenAI Lens生成最佳规范以及刚才出现的问题生成Spec Rules，方便后续在开发的时候遵循这些规则。

自动总结最佳实践Spec Rules，保存到固定目录中，可以提交到GitHub，方便团队内进行共享。团队其他成员在开发项目时可以应用不同的Rules来快速生成高质量代码。

集成其他产品构建完整架构及架构图

优化方案，并按照最新方案生成架构图，需要使用AWS产品和服务图标。
方案优化方向：将对应的代码拆分到不同产品中，图片拆分到S3，数据库存储到MongoDB，使用Lambda函数来响应用户语音输入问答功能。

Kiro CLI提供了智能化CLI，能够帮我们更高效的进行DevOps，也特别适合现在超级个体快速实现idea、快速试错、高效迭代的节奏。

Let's Chill! Let's Vibe! Let's Spec! Let's Kiro!

【声明】内容源于网络

沐然云计算

生成式AI与云计算领域知识分享、开发与架构经验交流，以动手实践为驱动的Hands-on Lab方式进阶、关注儿童AI教育领域

内容 297

粉丝 0

沐然云计算生成式AI与云计算领域知识分享、开发与架构经验交流，以动手实践为驱动的Hands-on Lab方式进阶、关注儿童AI教育领域

总阅读194

粉丝0

内容297