如何用AI辅助做一款App

首先我们可以通过创建一个百炼应用，来获取大模型的推理API服务，用于实现AI助手。[heading3]1.1创建应用[content]1.进入百炼控制台的[我的应用](https://bailian.console.aliyun.com/#/app-center)，在页面右侧点击新增应用。在对话框，选择智能体应用并创建。1.2.在应用设置页面，模型选择通义千问-Plus，其他参数保持默认。3.您也可以选择输入一些Prompt，比如设置一些人设以引导大模型更好的应对客户咨询。4.1.2.在页面右侧可以提问验证模型效果。不过您会发现，目前它还无法准确回答你们公司的商品信息。点击右上角的发布，我们将在后面的步骤中去解决这一问题。3.1.[heading3]1.2获取调用API所需的凭证[content]为了在后续通过API调用大模型应用的能力，我们需要获取一个百炼应用的API-KEY和应用ID：1.在我的应用>应用列表中可以查看所有百炼应用ID。保存应用ID到本地用于后续配置。1.2.在顶部导航栏右侧，点击人型图标，点击API-KEY进入我的API-KEY页面。在页面右侧，点击创建我的API-KEY，在弹出窗口中创建一个新API-KEY。保存API-KEY到本地用于后续配置。1.

不用非得用语言来描述你想要的界面样式，可以去一些设计平台找一些你喜欢的设计稿将图片上传到图片让模型参考。如果你不知道去哪找的话，国内推荐站酷、海外的话推荐Dribbble和Layers。在跟Claude说的时候就可以忽略那些不好描述的地方，重点描述静态图片无法表现的部分，比如下面的这个卡片组件。我就让Claude注意交互的动画和输入框聚焦之后的渐变动画上，界面内容和风格就让他按图片生成。第二个技巧：在让Claude生成界面的时候，你会发现Claude生成的页面没有图片，本来应该是图片的部分经常是空白的，这个就很影响结果的视觉表现。其实我们可以要求他引用一些在线的图片来填充到页面需要图片的部分。这里首先推荐unsplash，他是一个开源图片网站，里面有世界各地的设计大神上传的图片，而且可以直接引用。可以看下面加上图片之后的卡片是不是就好看很多了。第三个技巧：另外claude在生成页面的时候本来应该是图标的地方，他喜欢用emoji来代替，emoji也很好，但是在一些严肃的页面上就会显得格格不入。这里可以要求Claude在生成页面的时候引用在线的图标库，比如Font Awesome或Material Icons，这些开源图标库可以通过CDN直接引用，而且不需要部署。可以看到引用了Font Awesome图标库的图标之后我们的界面变得更加简洁和整齐。第四个技巧：我们常用的前端样式代码是用CSS写的，但是CSS本身的一些样式其实没有太考虑美观度的要求。

问：作为AI IDE的深度用户，有踩过什么坑吗？Eric Quan：我发现AI会钻牛角尖，就是当你去追着它问问题的时候，它会产生幻觉，给出的答复也越来越离谱。我有时候会“骂”AI，我知道这样不好，有的时候真的很生气。你不能追问AI，你追问AI，就会付出很多的代价。还有就是AI会不懂装懂，我遇到过自己修产品Bug的时候，AI告诉了我一些错误的知识。所以我经常用ChatGPT的temporary chat功能，因为他能保证AI不知道我是谁，或者是在没有任何的记忆的情况下去生成一个最新鲜的回答。其实我觉得这些是不会写代码的人都会遇到的痛点。问：生成式AI目前在应用上是会有模型幻觉这个问题，我个人的经验是通过新建一个窗口来解决。Eric Quan：是的，我会跟AI说忘掉之前的所有内容，重新和它聊，或者直接新建一个会话窗口重新提问，这是第一个技巧。另外，如果我发现它的回答不理想，我会告诉它退一步，重新审视整个结构，设想如果从零开始，该如何设计。因为我希望能有更简洁、直观的解决方案，避免因过度纠结细节而积累错误，这是第二个技巧。还有，Claude经常会自己去猜，比如你提出一个问题，它会边猜边修改你的问题。这种时候我就会告诉它，如果不确定，就看日志，我会把日志粘贴给它，让它依据日志判断问题出在哪。一般来说我会借助这三个技巧引导AI。AI虽然知道做事的方法，但需要有人引导，告诉它们什么时候关注细节，什么时候该做调查，而不是一直去猜。或许真正的程序员由于熟悉代码，更多地把Trae当作辅助工具。但对我来说，我才是AI的辅助，我只需告诉Trae我想要什么，由它们来实现。