快速开始

如何写出好的指令

怎样写才能得到你心里想的那个应用:说出各个部分、一次只改一处、指出你的意思,以及应用始终遵守的规则。

你不必写得多好,Setherion 也能构建出东西。但你必须把想要的东西说清楚,想要修改的地方则要说得更清楚。

下面的每一条都是值得养成的习惯,不是规则。这里没有任何东西是必需的,一句平实的话就够了。

说明它是什么、给谁用

第一句话决定会构建出什么。它会被读出三件事:这是什么类型的东西,关于什么,必须有什么。

不要这样写应该这样写
一个网站曼彻斯特一家牙科诊所的网站,包含诊疗项目、价格和预约表单
我的生意用的应用一个让员工记录他们完成的维修的工具,带有一个可以按日期筛选的列表
一个商店一家出售手工蜡烛的商店,带有购物车和银行卡支付
给我乐队的好看的东西一个摇滚乐队的页面,包含接下来的演出、照片库和 Spotify 链接

输入框上方那一行,有 Website、Web App、Mobile App、Landing Page、3D Game 和 SaaS,点一下就能起到同样的作用。当你的句子可能指其中两种时,就用它。“一家医疗中心的网站”可以是给患者看的网站,也可以是员工工作用的界面,而那个标记决定是哪一种。

说出你想要的各个部分

把应用列成一份部分清单来要求,比只说一个想法更容易。你说出的每一样都会被构建出来。你没提的则要靠猜,猜的结果通常还算合理,但终究是猜的。

text
A landing page for a coffee shop, with the menu, the opening hours,
photos of the place, a map, and a form for table reservations

你不需要描述每个部分长什么样。“一个照片库”就够了;“电脑上三列、手机上一列的照片库”则是本来就会有的效果。

一次只改一处

修改是针对应用现在的样子来理解的,所以可以写得很短。“把页头改成深色”就是一个完整的请求。

一条消息里放几个互不相关的修改,比把同样的修改一个接一个地发送更难做对,而且结果出了问题时,你也分不清是哪一部分造成的。请分开发送。

不要在一条消息里塞进所有内容:

text
Make the header dark, add a reservation button, change the font,
add a gallery and translate it into German

而是发三条,并在每条之间看一看应用:

text
Make the header dark
Add a Reserve a table button in the header
Add a photo gallery under the menu

说你想要什么,不要说你不想要什么。“价格应该更容易阅读”没有限定怎么做,这正是你不确定问题出在哪里时想要的。“把价格那一列加粗”则是你确定时想要的。

指出你的意思

像“那个按钮”这样的词本身没有任何意义,而且有比描述它在哪里更快的办法。

  • 在预览中使用 Edit:点击一个词或一张图片就可以直接修改,不需要写请求。
  • 预览上方的框会显示你正在看的区块的名称,并可以带你去任何其他区块。你的请求中带有区块名称,就说明你在谈论那一部分。
  • 在代码中,选中几行,和你的消息一起发送。它们会附加在消息上,所以“列表为空时,这里的行为不对”就够了。
  • 把代码放在预览旁边(Split view),打开指针,再点击预览中的任何东西:文件会打开在生成它的那一行,随时可以附加。请见代码。
  • 在 Code 视图的图片上,Draw 会用红色标记它来显示你的意思,Add to chat 会把它随你的下一条消息一起发送。

展示你的意思

输入框旁边的 + 可以添加图片或文档,还有更多。

  • Upload a file:截图或设计图的照片,应用会被构建成它的样子。菜单、价目表、目录,以 PDF、Word、文本、Markdown、CSV 或 JSON 文件的形式上传,里面的内容会进入应用,而不是凭空编造。之后点击缩略图,可以看到构建器是怎么理解它的。
  • Import from Figma,用于你已有的设计:应用会根据其中的一个画框构建。Import from Canva 会把一份设计的各页作为图片导入,供你放进应用。
  • Import an app,来自别处做的应用,可以来自 Lovable、Bolt、v0、Base44、GitHub、ZIP 或电子表格:Setherion 会在这里重新构建它。这一项在仪表盘上。请见导入应用。
  • Connectors:这个应用可以使用的服务,比如支付或邮件。Skills:要构建进去的功能,比如登录或预订。请见连接器和技能。
  • Connect your repo,在仪表盘的 GitHub project 下:登录一次 GitHub,然后在付费套餐中从编辑器推送代码。

在编辑器里,这个菜单略有不同:Upload file、Media AI(制作一张图片或一段视频并放进应用:请见媒体与设计工具)、Design(Figma 和 Canva)、Connectors 和 Skills。

用说的,不用打字

Build 按钮旁边的麦克风会接收你说的话。你说话时,文字会出现在输入框里,再点一次就停止。读一遍,想改就改,然后发送。它使用浏览器自己的语言。请见Build、Chat 与 Plan。

展示通常比用文字描述外观更快,而且这是让你自己的内容进入第一次构建的唯一办法。

用你自己的语言写

像你说话那样写。Setherion 会识别你的请求使用的是哪种语言,应用也会用那种语言呈现:它的按钮、标题和页面上的文字。

罗马尼亚语、英语、西班牙语、法语、德语、意大利语、葡萄牙语、荷兰语、波兰语,以及用汉字、日文、韩文、俄文、阿拉伯文、希伯来文或希腊字母写的内容,都可以识别。如果你想要的应用语言和你写请求的语言不同,请说明:在请求末尾写上“用英语”就够了。

应用始终遵守的规则

有些事你不应该每次都重复。在编辑器中,AI Controls 位于模型列表的底部:点击输入框旁边的模型按钮,就是写着 Auto 的那个。其中有两项:

  • Custom instructions:这个应用每次构建和每次修改都要遵守的规则。“保持深色主题”“绝不使用橙色”“所有价格用英镑”“文字要写得正式”。
  • Freeze Files:任何东西都不允许改动的文件。把你已经做得恰到好处的页面冻结起来,下一次修改就无法撤销它。

两者请见AI 设置。

当你不确定想要什么时

有两种模式正是为此准备的。

  • Plan 在仪表盘和编辑器中位于 Build 按钮的后面,它会先问你几个简短的问题,并在写任何一个文件之前给你看应用的结构图。对于你还没有完全想清楚的东西,这样做很值得。Alt+P 可以不打开菜单就切换到下一个模式。
  • Chat 在编辑器中,只讨论应用,从不改动你的代码。你可以问“你会给这个页面加什么?”或“为什么表单在最下面?”,应用不会有任何变化。

当结果不对时

说出哪里不对,而不只是说不对。“表单发不出去”是一份报告;“表单显示已发送,但什么也没收到”才是可以修复的问题。

如果某次修改让情况更糟了,也要说出来。“把菜单恢复成那次修改之前的样子”是可以被理解的。

这个页面对你有帮助吗?

加入社区

提问、交流想法,看看别人在构建什么。