Valuable insights
1.AI工具在开发中的普及程度: 演示开始时进行了投票，显示Copilot、Cursor等AI辅助工具在开发者群体中已得到相当程度的采用和使用，表明市场对AI辅助编程的接受度较高。
2.Kiro.dev的定位与模式: Kiro.dev基于VS Code构建，提供Vibe模式和Spec模式两种工作方式，旨在使AI生成的内容更加可预测和结构化。
3.Spec驱动开发的三阶段流程: Spec模式将开发输入转化为三个明确的Markdown文件阶段：需求（用户故事）、设计（数据模型/接口）和任务，确保流程的清晰性。
4.电视应用适配的关键技术考量: 将移动体验迁移至电视平台时，必须重点解决性能分级、字体大小调整、以及复杂的焦点管理问题，因为电视主要依赖D-pad操作。
5.适配流程应包含桌面/平板中间层: 从移动端直接适配电视端较为困难，建议先实现桌面或平板体验作为中间步骤，再从桌面视图过渡到电视视图的布局调整。
6.Spec模式提供可追溯的开发计划: Spec生成的用户故事和任务相互引用，形成了一个可参考的记录计划，而非零散的开发片段，提升了代码维护性和上下文一致性。
7.Kiro支持对现有Spec进行迭代修改: 平台允许开发者输入新的修改意图，Kiro能够理解现有的需求、设计和任务，并自动更新相关实现，支持持续的功能优化。
8.引导文档确保架构一致性: 通过“引导文档”（Steering Documents）机制，可以将项目架构、技术栈和UX指南注入AI上下文，确保所有生成内容符合既定标准。
9.Hooks特性实现自动化事件响应: Hooks功能类似“If This Then That”的逻辑，允许系统在特定事件（如测试运行器状态变化）发生时，自动触发Curo进行必要的更新。
AI工具使用现状与Kiro.dev简介
本次分享聚焦于Kiro.dev及其在AI驱动开发中的应用。开场通过一次快速投票发现，大多数与会者已经在使用如Copilot、Cursor或Claude Code等AI工具来辅助日常编程工作。尽管这些工具功能强大，但大型语言模型（LLM）的本质是非确定性，这给依赖严格架构的项目带来了挑战。Kiro.dev的出现旨在通过结构化的方式，使AI的输出更具可预测性，从而更好地集成到开发流程中。
Kiro.dev 平台概述
Kiro.dev 平台于一个半月前发布了公开预览版，其发音为“Kiro”，而非“Cairo”。该工具基于VS Code环境构建，提供Vibe模式和Spec模式两种核心工作方式。目前正在增加更多功能，例如Hooks、引导文档（Steering Docs）支持以及MCP服务器支持。值得注意的是，其定价模式即将发生变化，在此之前，用户可以免费使用，强烈建议尽快注册以享受免费期。
Spec驱动开发的三阶段流程
Spec（规范）是Kiro的核心概念，它将一个初始的提示转化为三个截然不同的、结构化的阶段，从而将模糊的意图转化为可执行的步骤。这种方法极大地提高了AI生成代码的可控性和可追溯性。这种结构化的转换过程，使得开发者可以清晰地追踪需求是如何分解并最终转化为实际任务的，有效对抗了生成式AI固有的随机性。
- 需求（Requirements）：最终转化为用户故事。
- 设计（Design）：包含数据模型和接口定义。
- 任务（Tasks）：被创建为可点击执行的独立任务单元。
自动化流程的优势
尽管开发者可以选择手动完成所有这些步骤，但Kiro的价值在于其自动化能力。系统能够自动将前一阶段的产出（如设计）传递给下一阶段（如任务创建）。更重要的是，生成的任务可以直接引用特定的需求，确保了整个开发流程的高度一致性和上下文关联性，极大地简化了复杂功能的构建。
移动端到电视端的适配挑战
接下来的演示将围绕如何将一个已有的移动端体验迁移到电视（TV）平台。演示中使用的应用是一个基于React 19、Vite和Three.js构建的国际空间站位置追踪器。将应用移植到电视环境涉及到许多显著差异，这些差异需要通过AI辅助来系统性地解决，而不是依赖繁琐的手动调整。这些差异点是开发者在进行跨平台适配时必须明确告知AI的关键输入。
电视适配的关键差异点
- 性能：电视设备通常比手机性能更低，可能需要性能分级（Tiering）。
- 字体大小：电视屏幕较大，通常需要比移动端更大的字体尺寸。
- 焦点管理：必须明确处理远程控制器的D-pad导航，而非触摸操作。
- 交互：移除或修改依赖触摸和拖拽（Touch and Drag）的行为。
作为开发者，焦点管理实际上可能变得非常复杂，而用户却不会意识到这一点。
适配流程：从移动到桌面再到电视
从移动端直接跳到电视端适配存在难度，推荐的路径是先创建一个桌面或平板视图作为过渡。从桌面视图到电视视图的转换，主要涉及屏幕宽高比的变化以及界面元素密度的调整。例如，为了适应更大的字体，侧边按钮可能需要从水平排列转为垂直排列，并移除部分屏幕元素以保持界面的整洁度。
焦点管理在TV应用中至关重要，需要明确指导AI如何显示当前高亮元素。例如，在特定场景下，点击“手动”按钮后，菜单需要隐藏，并显示方向箭头键用于旋转地球模型。此外，缩放功能也需适配遥控器，例如按住“选择”键进行缩放，按下“返回”键则重新打开菜单，这些都是通过Spec明确定义的行为。
利用Spec模式实现功能迭代
为了实现上述D-pad控制和缩放功能，开发者在Kiro中选择了Spec模式，并输入了相应的提示，要求在TV模式下添加相机控制和缩放功能。Kiro随后自动执行了从用户故事生成、设计文档创建到最终实施计划分解的整个过程。这种方法确保了新功能（如方向控制和缩放）的创建都基于先前定义的架构和需求，使得开发过程高度结构化。
Spec模式下的三步流程演示
- 用户故事：详细描述了显示方向控制和旋转相机等需求。
- 设计文档：包含了TypeScript接口和特定组件的架构说明。
- 实施计划：基于前两项内容创建了一系列可排队的任务。
当用户点击“开始任务”时，Kiro会打开一个新的上下文窗口，其中包含了所有先前共享的上下文信息。在演示中，开发者展示了如何修改既有的Zoom行为，例如将原有的“按住选择键缩放”改为“按Enter键后，按上/下键进行缩放”，这模仿了Garmin手表的操作逻辑。Kiro能够读取现有规范并生成更新任务，这体现了其迭代能力。
迭代修改现有Spec
当开发者决定修改缩放行为时，Kiro会参考现有的用户故事和设计，并生成新的任务来更新状态变量和实现逻辑。这个过程产生了关于重构状态管理和更新键盘映射的新任务。系统在执行这些任务时，会参考项目架构的引导文档，确保重构后的代码依然符合项目的技术规范，例如使用React TypeScript和CSS Modules，而非尝试使用先前遇到问题的Tailwind。
Kiro的高级特性：引导与钩子
在处理迭代任务时，Kiro展示了其高级特性，特别是对“引导文档”（Steering Documents）和“钩子”（Hooks）的支持。这些特性确保了即使在进行复杂的代码重构和状态管理更新时，AI的输出也能保持对项目整体方向的遵循。这些高级功能在Vibe模式下同样有效，不局限于Spec模式的使用，极大地增强了AI在日常开发中的实用性。
引导文档（Steering Documents）的作用
引导文档允许开发者将项目的核心架构指南作为参考材料嵌入。在这个例子中，文档包含了关于ReactJS、TypeScript、CSS Modules以及UX指南的具体说明。Kiro在处理新任务时，会持续读取并理解这些文档，确保所有代码更改都符合这些预设的工程标准。这种机制保证了AI在每次生成新上下文时，都能参考到项目的“计划记录”。
钩子（Hooks）的自动化能力
Hooks特性类似于“If This Then That”的自动化规则，它使Kiro能够响应特定事件并自动执行更新。例如，可以设置一个测试运行器Hook，使得每当代码发生更改时，系统自动运行测试。此外，还存在代码质量等其他类型的Hooks，允许开发者在不手动干预的情况下，持续地保持代码库的健康状态和规范性。
总结与资源推荐
总结来看，Vibe模式和Spec模式并非互斥关系，而是互补的。开发者可以根据需要选择使用Vibe模式进行快速原型设计，或使用Spec模式进行结构化开发，甚至可以使用Vibe模式来生成更精细的Spec。Kiro的强大之处在于其自动化能力，它将原本需要大量手动操作和上下文切换的工作集成到了IDE内部，极大地提高了开发效率和可预测性。
核心价值与行动号召
虽然开发者理论上可以在没有Kiro的情况下完成所有这些步骤，但Kiro的价值体现在其自动化和集成能力上。通过将结构化的规范和项目指导融入IDE工作流，它使得AI辅助编程变得更加可靠和可控。因此，鼓励所有开发者尝试使用Kiro，以期使编辑器的使用体验更加可预测。
- 访问Kiro.dev网站并注册等待列表，以在九月十五日前享受免费使用。
- 关注Kiro活跃的博客和YouTube频道获取最新信息。
- 扫描屏幕上的二维码获取关于TV设计开发的具体信息。
- 获取GitHub仓库链接，尝试演示中使用的代码和示例TV提示。
Useful links
These links were generated based on the content of the video to help you deepen your knowledge about the topics discussed.