Stepsailor：既存のSaaS製品にAIコマンドバーを統合

はじめに

StepsailorはAIコマンドバーを核とした開発者向けツールである。Stepsailorは、AIコマンドバーを核とした開発者向けツールで、開発者が「新しいタスクを追加する」といったユーザーの発言をソフトウェア製品に理解させ、ソフトウェアが自動的に実行する。Stepsailorの価値は、開発者がソフトウェアのインタラクティブ性を向上させ、ユーザーが操作しやすくし、チームがコア機能の開発に集中できるようにすることです。マルチステップコマンドとセキュリティコントロールをサポートしたStepsailorは、ソフトウェアをよりスマートにしたい開発者に最適です。

機能一覧

• AIコマンドバー：ユーザーがソフトウェアを操作して自然言語で操作を行う。
• マルチステップコマンド：1つのコマンドで複数のソフトウェアアクションを完了させる。
• シンプルなSDK：開発者は、ソフトウェアができることをコードで定義し、迅速に統合する。
• データの安全性：AIは命令を処理するだけで、ソフトウェアの実際のデータには触れない。
• フレームワークのサポート：すべてのWebフレームワーク、特にNext.jsに適応します。
• ユーザーインサイト：ユーザーコマンドを記録し、開発者がソフトウェアの改善点を発見できるようにする。
• 人間とコンピューターの協力：AIが不確かな場合、開発者やユーザーが確認することができる。

ヘルプの使用

Stepsailorは開発者向けに設計されており、ソフトウェアがAIコマンドバーを通じてユーザーのコマンドを理解できるようにすることを目的としています。以下は、開発者の統合とユーザーエクスペリエンスのための詳細なステップです。

1.訪問と登録

見せる https://www.stepsailor.com/AIコマンドバーの紹介とデモンストレーションのページです。このページでは、AIコマンドバーの紹介とデモンストレーションを行います。開発者の方で、ご自分のソフトウェアにこの機能を使いたい場合は、「Get Started」をクリックして、次のページにジャンプしてください。 https://app.stepsailor.com/auth/sign-up.Eメールとパスワードで登録し、ログインしてコンソールに移動します。

2.ソフトウェアへの統合

コンソールにログインした後、AIコマンドバーをソフトウェアに追加する必要があります。StepsailorのSDKはシンプルで、15分で完了します：

• SDKをインストールするには、コンソールにあるコマンドをコピーします。 npm install stepsailor-sdkあなたのソフトウェア・プロジェクトで実行されている。
• ソフトウェアの命令を定義する：ソフトウェアが実行できる操作をコードで記述する。例

import { defineCommand } from 'stepsailor-sdk';
defineCommand({
name: 'addTask',
action: (input) => addTask(input.taskName),
description: 'Adds a new task with the given name'
});

• コマンドラインを表示するには：ソフトウェアページのHTMLに行を追加する。 <StepsailorCommandBar />インターフェイスにコマンドバーが表示される。
  これが完了すると、ソフトウェアはコマンドバーを介してユーザーのコマンドに応答できるようになります。

3.ユーザーがソフトウェアをコントロールする方法

統合後、ユーザーはソフトウェアのインターフェイスに入力ボックスが表示されます。ユーザーは自然言語を入力することができます。例えば、「"明日の会議 "のタスクを追加する」と入力すると、コマンドバーから addTask 機能については、ソフトウェアが自動的にタスクを追加する。プロジェクトの作成とメンバーの追加」のような複雑なコマンドは、AIがステップを分解して1つずつ完了させる。ユーザーはボタンをクリックする必要がなく、言葉だけでソフトを操作できる。

4.テストと調整

テストするには、ソフトウェアに "list all tasks "と入力し、コマンドラインが正しくトリガーされるかどうかを確認する。反応しない場合は、コンソールログを開き、コマンドの定義が正確かどうかを確認する。AIがユーザーの言っていることをより理解できるように、コード内の記述を変更することができる。ログには最適化のための実行プロセスも表示できます。

5.ユーザーニーズの分析

Stepsailorコンソールの "Insights "ページでは、ユーザーが入力したコマンドを見ることができます。例えば、「タスクの一括削除」とよく言われますが、ソフトウェアにはこの機能がないので、何を追加すればいいのかがわかります。これらの記録は特定のユーザーに紐づくものではなく、ソフトウェアの改善に役立つものです。

6.多段階指示の設定

複雑な操作の場合、開発者はSDKで完全なプロセスを定義する必要があります。例えば、「プロジェクトを作成し、タスクを割り当てる」：

defineCommand({
name: 'createAndAssign',
action: async (input) => {
const project = await createProject(input.projectName);
return assignTask(project, input.taskName);
},
description: 'Creates a project and assigns a task to it'
});

ユーザーの入力後、AIが順番に実行される。将来的には、時間のかかる作業に適したバックグラウンド・タスクにも対応する。

7.AIの不確実性への対応

AIが例えば「タスクの削除」を「タスクの編集」と誤認した場合、コマンドバーは一時停止し、確認ボックスがポップアップします。これはSDKで有効にできます：

enableHumanInLoop: true

これにより、ユーザーや開発者が介入し、ソフトウェアが正しく動作することを確認することができる。

ほら

• データ保護：コマンドはStepsailorに送信され処理されるが、ソフトウェアデータが漏れることはない。
• フレームワークの適応：Next.jsのユーザー使用可能なサーバーアクションでパフォーマンスを向上。
• サポートを受ける: 質問には以下の方法でお答えします。 https://cal.com/pascal-lohscheidt/talk-with-the-ceo-about-stepsailor CEOに連絡する

これらのステップにより、開発者はソフトウェアにAIコマンドバーを素早く追加することができ、ユーザーはそれを自分の言語で簡単に操作することができる。

アプリケーションシナリオ

1. タスク管理ソフトウェア
   ユーザーは「タスクを追加して期限を設定する」と言うと、ソフトウェアは自動的に2段階のプロセスを完了する。
2. 顧客管理システム
   ユーザーは「新規顧客のプロフィールを作成する」と入力し、ソフトウェアは情報を作成して保存する。
3. Eコマース・バックオフィス・ツール
   在庫が10個未満の商品をリストアップしてください。

品質保証

1. AIのスキルが必要ですか？
   必要ありません。開発者が通常のコードで命令を定義し、StepsailorがAI部分を処理する。
2. 互換性のあるソフトウェアは？
   すべてのウェブフレームワーク開発ソフトウェアに対応していますが、Next.jsが最適です。
3. ソフトウェアのデータは安全ですか？
   セキュリティー：AIは命令だけを見る。