探索一些独立开发的UI最佳实践。 今天要分享的是：如何用 Claude Code 生成 顶级UI 🌝

前言 Hi～大家好呀。 我是清汤饺子，一个用 Claude Code 写了半年代码的普通前端工程师。 说实话，一开始我也用不太好，就觉得它跟其他 AI 编程工具差不多嘛，问问题、写代码，能有啥区别。

哈喽，大家好！ 我是阿星👋 最近我在用 Claude Code 帮我干活，时不时就盯着黑漆漆的终端看，不是很可视化。 然后我发现了一个宝藏开源项目，是龙虾的可视化办叫 Star Office UI。

如果让你开发一个 AI 编程工具（比如 Cursor），你觉得最大的难点是什么？ 是前端技术、后端技术、UI 设计、还是别的？

Claude的金主爸爸亚马逊（AWS）偷偷发布了一款AI编程工具，Kiro。 我用它做了三个公司的生产级项目需求，深度体验3天后发现： Kiro现在完全免费，可以免费使用Claude-Sonnet-4

是一个功能全面的汉字工具库，提供拼音转换、笔画动画、偏旁查询、成语接龙、语音合成等20+种实用功能。支持Web/Node.js/小程序多端运行，仅需简单API调用即可实现复杂中文处理，是教育类应用、输

👉 目录 1 “聊天式”编程已经到来 2 Cursor 引领新的编程范式 3 如虎添翼：MCP 的到来 4 Cursor 十大使用小技巧 5 Cursor 团队的一些观点 6 Cursor 与心流 7

一、入门 目前 Cursor 提供的主要 AI 功能 Tab 按下后，会自动生成代码 CMD-K 用于内联代码编辑 ⌘I 打开具有询问、编辑和代理模式的统一 AI 界面 二、Tab 完成当前代码行 建