アプリを変更する

Build、Chat、Plan

会話の下にあるボックス:Buildは変更を加え、Chatはアプリについて話すだけで何も変更せず、Planは先に質問します。そして/アクション:リデザイン、アクセシビリティ、SEO、セキュリティのレビュー、仕上げ、Power up。

変更したいことは、すべて会話の下にあるボックスで頼みます。右にあるボタンを押すと、送り方が3つあるメニューが開きます。ボタンの名前は、Power Sethのように、アプリが使っているエージェントモードの名前です。

モードできること
Buildアプリに変更を加えます。ほかを選ばなければ、これが行われます。
Chatアプリについて話すだけで、コードには一切触れません。返信ごとの料金が横に書かれています。
Plan先にいくつか質問してから、アプリを変更します。大きめの変更向けです。

その下のAgent modeで、どこまで作るかを選びます。Seth、Power Seth、Max Sethのどれかです。ビルドモードをご覧ください。Alt+Pを押すと、メニューを開かずにBuild、Chat、Planの次のものに切り替わります。

Build

変更したいことを、人に話すように書いて送信します。「ヘッダーを暗くして」だけで、立派なリクエストです。Setherionは頼まれたところだけを変更し、アプリが今も動くかを見えないところで開いて確認し、その変更に専用のバージョンカードを作ります。カードにはPublish this versionがあります。

うまく伝わる頼み方については、上手な指示の書き方をご覧ください。

Chat

Chatは、考えを口に出すためのものです。「このページに何を追加する?」「フォームが下にあるのはなぜ?」「スマートフォンに向いている?」のような質問に、アプリを読んで答えます。アプリの中は何も変わりません。

気に入った答えが出たら、Buildに切り替えてそれを頼みます。

Plan

Planは、先に質問するBuildです。何かを変更する前に、知りたいことを尋ねます。答えると、変更が行われます。目標はわかっていても細部まではわからないときに使います。アプリの新しいセクション、予約の流れ、アカウントなどです。

ダッシュボードのChat

新しいアプリを始めるダッシュボードのボックスにも、同じ3つの送り方があります。Build、Chat、Planです。何かを作る前にアイデアをじっくり考えたいときは、Chatを選びます。アプリの目的、使う人、Setherionが加えられる機能などを話せます。話している間は何も作られず、返信ごとに数クレジットかかります。金額はメニューのChatの横に書かれています。

アイデアが固まると、返信の下にWhat gets builtが表示され、送られる依頼がそのまま見えます。Build thisを押すとそれが送られ、新しいアプリはほかのアプリと同じように始まります。作られる前に、短い提案と選べるデザインが出ます。この会話はどのアプリにも属しません。タブを開いている間は残り、上にある × を押すと閉じます。

ボックスの下の行

ボックスの下には、左から順にこう並んでいます。

できること
+リクエストに加えられるものすべて:ファイル、デザイン、サービス、スキル。下で詳しく説明します。
モデルのボタンモデルを選ぶまではAutoと表示されます。開くと一覧が表示され、その一番下にAI Controlsがあります。
マイク入力する代わりに、声で伝えます。下をご覧ください。
BuildのボタンBuild、Chat、Plan、そしてAgent modeです。今使っているものの名前が表示されます。
送信送るものがあると表示されます。実行中は四角に変わり、押すと実行をStopします。
+メニュー

エディタのメニューには5つの行があります。

  • Upload file:画像またはドキュメント(PDF、DOCX、TXT、Markdown、CSV、JSON)です。画像は見て説明され、ドキュメントは読み込まれ、その中身がリクエストに使われます。あとで小さな画像やファイル名をクリックすると、ビルダーがそれをどう読み取ったかを確認できます。
  • Media AI:Generate imageとGenerate videoで、AIが作ったものがアプリに配置されます。メディアとデザインのツールをご覧ください。
  • Design:Import from Figmaはフレームに合わせてアプリを作り直し、Import from Canvaはデザインを画像として取り込みます。アプリのインポートをご覧ください。
  • Connectors:このアプリが使ってよいサービスです。ボックスの上のThis app may useという行に一覧があり、その1つの「×」を押すと、アプリはそれを使わなくなります。このメニューからは何も接続できません。接続されていないサービスを選ぶと、接続するためのページに移動します。
  • Skills:サインインや支払いのように、アプリに組み込む機能です。スキルをご覧ください。

アプリがまだない段階のダッシュボードでは、メニューにUploadとAssetsが並び、続いてImport a designがあります。Import a designにポインターを置くかクリックすると、メニューの横にImport from FigmaとImport from Canvaが開きます。スマートフォンではメニューの上に開き(Canvaが出ないところでは、Import from Figmaが独立した1行になります)、さらにImport an app、Connectors、Skills、そしてGitHub projectの下にConnect your repoがあります。

モデルのボタン

ほかのものを選ぶまではAutoと表示され、選んだあとは選んだモデルの名前が表示されます。Autoは、リクエストごとに最適なモデルを選びます。一覧にはすべてのモデルが表示され、お使いのプランに含まれないものには、それを使えるようにするプランの名前がついています。押すとアップグレードのウィンドウが開きます。モデルの下にあるAI Controlsには、すべての変更が従うルールと、固定されたファイルがあります。AIモデルとAIの設定をご覧ください。

マイク

押して話すと、あなたの言葉が話すそばからボックスに表示されます。言語はブラウザの言語で、すでに入力してあった内容のあとに続きます。もう一度押すと止まります。それから読み返して送信します。自動では何も送られません。

Chrome、Edge、Safariは音声を自分で認識します。Firefoxのように認識できないブラウザでは、話した内容を録音してテキストに変換してもらい、そのあいだボックスにスピナーが表示されます。ブラウザがマイクを使うことを許可されていない場合は、このサイトで許可するよう求めるメッセージが表示されます。音声入力ではクレジットを使いません。

各メッセージの下

会話の中の返信にはすべて、その下に小さなアイコンの列があります。

できること
Undo this changeアプリをこの変更の前の状態に戻し、その取り消しを専用のバージョンとして履歴に残します。
Copyメッセージをコピーします。
Copy message link会話の中のこのメッセージに移動するリンクです。
Editあなたのメッセージをボックスに戻して、変更してもう一度送れるようにします。
Regenerate別の結果を得るために、リクエストをもう一度実行します。最新の返信にだけあります。
More options作業にかかった時間と、使ったクレジット数です。

変更が終わると、返信の下にバージョンカードが表示されます。時刻、LiveまたはNot published、そしてPreview、View files、最新の変更にだけPublish this versionというボタンがあります。カードのフラグは、それをマイルストーンとして記録するものです。履歴をご覧ください。

エディタからサービスを接続する

左上のキューブを押すと、Setherionのメニューが開きます。Dashboard、Connectors、クレジット、My profile、Account settings、Sign outがあります。Connectorsにポインターを置くとすべてのサービスが一覧になり、接続済みのものにはONがつきます。1つクリックすると、それが開きます。

開く

Connectorsか、一覧のサービスを1つクリックします。Integrationsがエディタの上に開くので、作業中のアプリはそのままの位置に残ります。

接続する

そのサービスの手順に従います。コネクタをご覧ください。

アプリで使う

サービスが接続されると、カードが表示されます。「Stripe is connected. Next: use it in this app」というものです。Use in this appボタンを押すと、サービスがアプリの一覧に追加され、ボックスにリクエストが書き込まれて、Integrationsが閉じます。送信を押すまでは何も作られません。(デザインやコード用のサービスのように、ビルダーを助けるだけのものには、この手順はありません。)

Integrationsの左上にあるBackは、1段階ずつ戻ります。サービスのページから一覧へ、一覧からエディタへです。ブラウザの戻るボタンも同じ動きをします。

/アクション

ボックスに「/」と入力すると、アクションが表示されます。アプリ全体や、今見ている画面にSetherionが行うことで、1メッセージにつき1つです。左に一覧があり、右には、選択中のアクションが何をするのかが手順ごとに、料金とともに表示されます。矢印キーで選び、Enterで決定し、Escで閉じます。

アクションできること
Redesignすべての画面を新しい見た目にします。ほかは何も変えません。
Accessibilityキーボードとスクリーンリーダーで使えるようにします:コントラスト、ラベル、フォーカス。
SEO review検索エンジンからアプリがどう見えるかを確認し、見つかった問題を修正します。
Security reviewコードのセキュリティ上の問題を確認し、修正します。
Polish this screen今見ている画面の、動き、空の状態とエラーの状態、文言を整えます。
Power upSethで作ったアプリを、Power Sethが作るレベルまで引き上げます。Pro以上です。

どれも通常の変更です。料金がかかり、バージョンカードが作られ、ほかの変更と同じように取り消せます。SEO reviewとSecurity reviewは、まずSEOとAI検索とセキュリティと同じチェックを実行し、見つかったものを修正します。チェックで何も見つからなければ何も変更されず、まったく同じコードをすでに読み込んだチェックの結果は、無料でもう一度使われます。

Created by you

組み込みのアクションの下にあるCreated by youには、あなたが自分で書いた指示があり、どのアプリにも使えます。「うちのクッキーバナーを追加して」「すべてをドイツ語とフランス語に翻訳して」のようなものです。Write instructions you can use on any appで追加します。自分の指示が見えるのは、あなただけです。自分だけのスキルをご覧ください。

アクションが実行されるのは、メニューから選んだときだけです。メッセージに「リデザインして」と書いても、それは通常のリクエストであり、アクションではありません。

このページは役に立ちましたか?

コミュニティに参加

質問、アイデア、ほかの人が作っているもの。