アプリを変更する

スキル

アプリにできることを選びます。ログイン、支払い、予約、地図、PDFとCSVのエクスポートなどを、頼めばアプリに組み込みます。あなた自身のスキルも書けます。

スキルとは、アプリに組み込むようSetherionに頼む機能のことです。ログイン、カード決済、地図、予約ウィジェット、エクスポートボタンなどがあります。機能を自分の言葉で説明する代わりに、チェックを入れるだけで、ビルドにその機能を含め、正しい作り方で組み込むよう伝わります。

スキルは18種類あり、あなた自身のスキルも書けます。

スキルを選ぶ

スキルは、アプリを説明するボックスの横にある「+」メニューにあります。同じ行は、アプリを作る前のダッシュボードと、すでにあるアプリに何かを加えるためのエディターにもあります。

Skillsを開く

「+」を押し、続いてSkillsを押します。一覧全体のウィンドウが開きます。検索ボックスでは、スキルの名前、機能、使うサービスから探せるので、「stripe」と入力するとPaymentsが見つかります。

使いたいものにチェックを入れる

好きなだけチェックを入れられます。一度に数個ずつ選ぶのがおすすめです。Doneを押します。3つ選んだときはUse 3を押します。

指示を送る

選んだスキルは、ボックスの先頭に小さなチップとして表示され、「×」で外せます。いつもどおり指示を書いて送信します。スキルを選んで何も書かなかった場合は、メッセージが自動で書かれます。たとえば「Add to the app: Payments」で、新しいアプリでは「Build an app that includes: Payments」です。

スキルを選ぶだけでは、クレジットはかかりません。指示に1行が加わるだけなので、支払うのは、そのビルドや変更の通常の料金です。プランとクレジットをご覧ください。

Chatモードでは何も作られないので、選んだスキルは、次のBuildのために選ばれたままになります。Build、Chat、Planをご覧ください。

提案

指示の中に、スキルが担当する内容が出てくると、たとえば「地図」、「PDF」、「チェックアウト」、「Telegram」などです。ボックスの下に「Add a skill for this?」という行が表示され、最大2つの提案が出ます。押すと追加され、「×」を押すと、そのセッションの間は提案されなくなります。押さない限り何も追加されず、アプリにすでにあるスキルは提案されません。

サービスを使うスキル

スキルのうち14個は、あなたのアカウントに接続するサービス(StripeやCalendlyなど)を通して動きます。ウィンドウではUses a serviceの下に並び、サービスが接続されるまで、行にはNeeds Stripeのように表示されます。緑の点は、すでに接続済みという意味です。

サービスがまだ接続されていないスキルも選べます。選ぶと、そのアプリが使えるツールの一覧にサービスが加わり、Setherionが次にどうするかを尋ねます。接続して、アプリが実際にそれを使うようにするか、Build without itを押します。サービスなしの場合は、機能が設定されていないと表示するようにアプリが作られ、動いているふりはしません。架空の注文、予約、検索結果は出ません。サービスの接続については、コネクタをご覧ください。

18種類のスキル

どれかを開くと、何が加わるか、サービスが接続されていないときにアプリがどう動くかがわかります。

Authentication

ログイン、新規登録、アカウントです。アプリにログイン画面と登録画面、続くセッション、ログアウトボタンが加わり、アカウントが必要なページは、ログインした人にだけ表示されます。Setherion自身のバックエンドを使うので、接続するサービスも、探すキーもありません。

Multi-language

アプリを2つの言語で表示します。ヘッダーかナビゲーションに、言語コードで表示された言語切り替えが加わります。デフォルトでは、アプリの言語と英語が選べます。指示で言語を指定すると、その言語が選べます。すべての画面のすべてのテキストが翻訳されます。

PDF export

印刷ダイアログからページをPDFで保存します。請求書、レポート、履歴書、領収書のように、残しておきたいページにDownload PDFボタンが付きます。ブラウザーの印刷ダイアログが開き、そこでPDFとして保存を選びます。ページはA4に合わせて整えられます。裏でファイルを作ることはありません。

CSV export

一覧や表をExcel向けにダウンロードします。各一覧や表にExport CSVボタンが付きます。ファイルには、画面に表示されている行がそのまま入り、利用者が選んだフィルターと順序、ヘッダー行、Excelが正しく読めるアクセント文字が反映されます。ファイル名は、一覧の名前と日付になります。

File upload (Cloudinary)

画像やファイルをアップロードします。種類とサイズを確認するファイル選択が付き、ブラウザーからあなたのCloudinaryアカウントへ直接アップロードして、アップロードしたファイルのアドレスをレコードと一緒に保存します。Cloudinaryが接続されていない場合、ファイル選択は作られますが、ファイルを選ぶとアップロードが設定されていないと表示されます。ファイルが保存されたかのように扱われることはありません。

Payments (Stripe)

Stripeでカード決済を受け付けます。購入ボタンは、購入者をStripe自身のチェックアウトページへ送ります。アプリが独自のカードフォームを表示することも、独自の支払い完了表示を書くこともありません。Stripeが接続されていない場合は、販売するものを表示する画面は作られ、すべての購入ボタンに、支払いはまだ設定されていないと表示されます。支払いをご覧ください。

AI images (Replicate)

アプリを使う人が、テキストの説明から画像を作ります。プロンプトの入力欄、読み込み中の表示、そして作られた画像です。Replicateを呼び出すので、あなたのReplicateのキーが必要です。キーを追加するまでは、呼び出しが失敗し、アプリは代わりにストック画像を出さず、エラーを表示します。

AI chat (OpenAI)

アプリの中のAIアシスタントやチャットボットです。返信がOpenAIから届くチャット画面が付きます。キーを追加するまでは、アプリは定型の返信ではなく、エラーを表示します。

Email (Resend)

Resendでメールを送ります。たとえば、本当に送信されるお問い合わせフォームや、確認メッセージです。Resendがない場合、お問い合わせフォームは、各メッセージをアプリ自身のデータに保存し、あなたはManageで読みます。訪問者には、メッセージを受け取ったと伝えられ、メールを送ったと伝えられることはありません。

Maps (Google Maps)

Googleマップに場所を表示します。場所ごとにマーカーが付き、アプリが必要とする場合は住所検索もできます。Google Mapsのキーがない場合、アプリは住所をテキストで表示し、キーが不要なOpen in Google Mapsリンクを付けます。偽物の地図は出ません。

Bookings (Calendly)

Calendly自身の予約ウィジェットを使って、訪問者が時間を予約できるようにします。Calendlyがない場合は、代わりに予約リクエストのフォーム(名前、メール、都合のよい時間、メッセージ)が付きます。リクエストは、あなた用にManageに保存され、訪問者には、確認のためにあなたから連絡すると伝えられます。時間が予約済みと表示されることはありません。

Search (Algolia)

即時検索で、大きなカタログにはAlgoliaを使います。入力するたびに結果が表示され、一致した部分が強調され、結果がない検索ではそのことが表示されます。Algoliaがない場合、アプリはブラウザーの中で自身のデータを検索します。語順を問わずどの単語でも、大文字とアクセントは無視されます。通常の規模のアプリなら、それで十分です。

Voice (ElevenLabs)

ElevenLabsでテキストを読み上げます。再生と停止のコントロールと、音声を作っている間の読み込み表示が付きます。キーを追加するまでは、アプリはエラーを表示します。ブラウザー自身の機械的な声を、本物の声として使うことはありません。

Web research (Perplexity)

Perplexityによる、最新の情報源付きの回答です。質問ボックス、回答、そして情報源へのリンクが付きます。キーを追加するまでは、アプリはエラーを表示します。尋ねずに回答を書くことはありません。

Read websites (Firecrawl)

Firecrawlでウェブページからきれいなテキストを取り出します。アドレスを入れると、ページの読めるテキストが返ってきて、アプリが表示したり使ったりできます。Firecrawlがない場合、アドレスの入力欄は作られますが、アドレスを送るとウェブサイトの読み取りが設定されていないと表示されます。

Google Sheets

スプレッドシートをアプリのデータとして使います。読み込み中の表示と、シートを読み取れないときのわかりやすいメッセージが付きます。Google Sheetsが接続されていない場合、画面は作られ、スプレッドシートが接続されていないと表示されます。架空の行は作られません。

Telegram alerts

新しい注文、予約リクエスト、フォームの送信など、何かが起きたときにTelegramで知らせます。メッセージは訪問者ではなく、あなたに届きます。Telegramが接続されていない場合も、そのできごとはManageで見られる場所に保存され、何も送信されません。アプリがチームに通知したと主張することはありません。

Slack alerts

新しい注文、新規登録、フォームの送信など、何かが起きたときにSlackでチームに知らせます。メッセージは訪問者ではなく、あなたのSlackに届きます。Slackが接続されていない場合は、Telegram alertsと同じ動きで、できごとはManageに保存され、何も送信されません。

あなた自身のスキル

すべてのアプリに同じ指示を出していると感じたら、一度書き留めておきましょう。あなた自身のスキルは、保存しておいて、あなたのどのアプリでも実行できる指示です。ブランドの文体、いつも適用したいチェックリスト、レイアウトの決まりなどです。

上の18種類とは、3つの点が違います。ダッシュボードではなくエディターにあります。すでにあるアプリに、1つの変更として適用されます。そして、見られるのはあなただけで、同じワークスペースの人にも見えません。

アクションメニューを開く

エディターで、ボックスに「/」と入力します。あなた自身のスキルは、組み込みのアクションの下のCreated by youに並びます。

スキルを書く

Write instructions you can use on any appと書かれた行のNew skillを押します。Name(40文字まで)を付け、必要ならWhen to use itに1行(160文字まで)、そしてInstructions(4,000文字まで)を書きます。Create skillを押します。

使う

もう一度「/」と入力し、スキルを選びます。ボックスにチップとして入ります。必要なら、「料金ページだけで」のように自分で1行を足して送信します。Setherionはスキルを1つの通常の変更として適用し、指示が求めることだけを変えて、ほかはそのままにします。

指示欄の例です。

text
Write every button as a verb. Keep headings under six words.
Use the accent colour only for the main action on each screen.

スキルを変更したり削除したりするには、「/」メニューでそのスキルを選び、Editを押します。保存すると変更され、Deleteは削除する前に一度確認します。

知っておきたい制限がいくつかあります。

  • スキルは最大50個まで保存でき、名前はほかのスキルと重複できません。
  • キーやパスワードを含むスキルは受け付けられません。キーは含めないで、Manageのアプリのシークレットに保存し、スキルではそのシークレットの名前を指定してください。
  • スキルを保存しても、実行はされません。スキルは、あなたが選んだときに1つずつ実行され、ほかの変更と同じように料金がかかります。

Build、Chat、Plan

/メニューには、組み込みのアクションもあります。リデザイン、アクセシビリティ、SEO、セキュリティのレビュー、仕上げ、そしてPower upです。

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

コミュニティに参加

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