SkyDeck.ai Docs
サインアップ管理者サインインお問い合わせ
日本語
日本語
  • SkyDeck.ai
  • GenStudio ワークスペース
    • 会話
    • SkyDeck AI ヘルパーアプリ
    • ドキュメントアップロード
    • 共有とコラボレーション
    • Slack 同期
    • 公開スナップショット
    • ウェブブラウジング
    • ツール
      • ペアプログラマー
        • 使い方
        • 例 – Python スクリプト支援
      • SQL アシスタント
        • 使い方
        • 例 – クエリデバッグ
      • 法的契約レビュー
        • 使い方
        • 例 – NDA 条項
      • 何でも教えて
        • 使い方
        • 例 – プログラミング入門
      • 戦略コンサルタント
        • 使い方
        • 例 – 従業員の定着
      • 画像生成器
        • 使い方
        • 例 – ウィンター・ワンダーランド
    • データセキュリティ
      • データ損失防止
  • コントロールセンター
    • 管理者 & オーナーツール
    • セットアップガイド
      • アカウントの設定
      • 統合の設定
        • 統合支援
      • セキュリティの設定
        • 認証 (SSO)
      • チームの整理
        • 新しいグループを追加
        • グループを削除
      • ツールのキュレーション
        • システムツール
        • タグの割り当て
      • メンバーの管理
        • メンバーを追加
        • ファイルをインポート
        • メンバーを招待
        • メンバーを編集
    • 請求
      • 無料トライアル
      • クレジットを購入
      • プランとアップグレード
      • モデル使用料金
  • 統合
    • LLM とデータベース
      • Anthropic 統合
      • データベース統合
      • Groq 統合
      • HuggingFace 統合
      • Mistral 統合
      • OpenAI 統合
      • Perplexity 統合
      • Together AI 統合
      • Vertex AI 統合
    • アプリ統合
      • Rememberizer 統合
      • Slack 統合
  • 開発者
    • 独自のツールを開発
      • ツールのための JSON 形式
      • LLM ツールのための JSON 形式
      • 例: テキストベースの UI ジェネレーター
      • スマートツールのための JSON 形式
  • ユースケース
    • プライバシーポリシーの作成
  • 通知
    • 利用規約
    • プライバシーポリシー
    • クッキーノーティス
  • リリース
    • 2025年5月16日
    • 2025年5月9日
    • 2025年5月2日
    • 2025年4月25日
    • 2025年4月18日
    • 2025年4月11日
    • 2025年4月4日
    • 2025年3月28日
    • 2025年3月21日
    • 2025年3月14日
    • 2025年3月7日
    • 2025年2月28日
    • 2025年2月21日
    • 2025年2月14日
    • 2025年2月7日
    • 2025年1月31日
    • 2025年1月24日
    • 2025年1月17日
    • 2025年1月10日
    • 2025年1月3日
    • 2024年12月27日
    • 2024年12月20日
    • 2024年12月13日
    • 2024年12月6日
    • 2024年11月29日
    • 2024年11月22日
    • 2024年11月15日
    • 2024年11月8日
    • 2024年11月1日
    • 2024年10月25日
    • 2024年10月18日
    • 2024年10月11日
    • 2024年10月4日
    • 2024年9月27日
    • 2024年9月20日
    • 2024年9月13日
    • 2024年9月6日
    • 2024年8月23日
    • 2024年8月16日
    • 2024年8月9日
    • 2024年8月2日
    • 2024年7月26日
    • 2024年7月12日
    • 2024年7月5日
    • 2024年6月28日
    • 2024年6月21日
    • 2023年11月12日
    • 2023年11月6日
    • 2023年10月30日
    • 2023年10月23日
    • 2023年10月16日
    • 2023年9月18日
    • 2023年9月8日
  • セキュリティ
    • SkyDeck.ai セキュリティプラクティス
    • バグバウンティプログラム
  • AI ドキュメンテーション
    • LLM 評価レポート
    • SkyDeck.ai LLM 対応ドキュメンテーション
GitBook提供
このページ内
  1. 開発者
  2. 独自のツールを開発

例: テキストベースの UI ジェネレーター

このツールは、説明に基づいてテキストベースのユーザーインターフェースを生成します。試すための完全なソースコードが提供されています。

前へLLM ツールのための JSON 形式次へスマートツールのための JSON 形式

最終更新 19 日前

私たちは、https://eastagile.com によって実践されるAI駆動開発の支持者です。それをサポートするために、AIを使用してユーザーインターフェースを開発します。このツールは、説明に基づいてテキストベースのユーザーインターフェースを生成し、特定のユーザーインターフェース要素のリクエスト(オプション)を受け付けます。このツールのプロンプトは、デザイン要素と適切なUIテキストを求めます。 この例は、チーム全体で作成し展開できるツールの具体的かつ実用的な例として提示されています。 以下はその使用例です。 ユーザー入力:

生成された出力:

カスタムツールのjsonをGenstudioに追加します。

ここに、ファイル(例: text-based-ux-designer.json)で更新する実際のjsonがあります。

{
"version": "0.1",
"metadata": {
"avatar": "",
"creator": {
"name": "Khoa Tranに触発されて",
"email": "admin@eastagile.com",
"organization": "East Agile"
},
"timestamp": "2023-06-01T10:00:00Z",
"variables": [
{
"name": "機能説明",
"type": "text",
"default": "",
"description": "機能または機能の簡潔な説明。"
},
{
"name": "UIコンポーネント",
"type": "text",
"default": "適切で従来のものなら何でも",
"description": "ユーザーインターフェースコンポーネントの種類(例: ラジオボタン、マルチセレクトリスト)。"
}
],
"parameters": {
"top_p": 1,
"max_tokens": 1024,
"temperature": 0.7,
"presence_penalty": 0,
"frequency_penalty": 0
},
"avatar_type": "base64",
"description": "このツールは、あなたの説明と指定されたユーザーインターフェースコンポーネントに基づいてテキストベースのユーザーインターフェースを生成します。",
"prompt_name": "テキストベースのユーザーインターフェースジェネレーター",
"usage_notes": "生成したいインターフェース、機能、またはアプリの説明(機能説明)と、使用したい特定のユーザーインターフェース要素(UIコンポーネント)を提供してください。このアプリケーションは、East Agile https://eastagile.com によって実践されるAI駆動開発(AiDD)をサポートするように設計されています。",
"model_version": [
"gpt-3.5",
"gpt-4",
"claude",
"palm"
],
"expected_output": {
"type": "text"
}
},
"model_prompt": "次の機能または機能のための文言を使用してテキストベースのユーザーインターフェースを生成してください:\n\n機能説明: {{機能説明}}\nユーザーインターフェース要素: {{UIコンポーネント}}。\n\n効果的なUXライティングを作成するためのベストプラクティスに従ってください:\n1. 使用可能にする: 洗練された言語や従来とは異なるデザインよりも、機能性と使いやすさを優先してください。\n2. 助けになる: ユーザーを導き、目標を達成するのに役立つ有用な情報を提供してください。\n3. アクセシブルにする: 簡単で明確な言語と、すべてのユーザーが理解しやすい従来のデザイン要素を使用してください。特に障害のあるユーザーを考慮してください。\n4. 明確にする: 専門用語や曖昧さを避けてください。ユーザーはコンテンツとUIを迅速かつ簡単に理解できるべきです。可能な限り、UIの便宜はテキストを読む必要なく明らかであるべきです。\n5. 適切にする: 提供された場合、ユーザーの文化的背景や文脈を考慮し、コンテンツが包括的で敬意を表するものであることを確認してください。\n6. 能動態を使用する: 能動的で直接的な言語を使用して、ユーザーに行動を促してください。\n7. ポジティブに書く: 肯定的な表現に焦点を当て、絶対に必要でない限り否定的なフレーズを避けてください。\n8. 簡潔にする: 文を短く、要点を押さえ、不要な言葉やフレーズを排除してください。\n9. 定期的にA/Bテストを行う: コンテンツが効果的でユーザーフレンドリーであることを確認するために、継続的にテストし、改善してください。\n10. ブランドの声とトーンを一貫させる: コンテンツが全体のブランドの個性に沿い、ユーザー体験全体で一貫したトーンを維持することを確認してください。\n11. 行動指向の言語を使用する: 明確で直接的で特定のタスクに焦点を当てた言語を使用して、ユーザーに行動を促してください。\n12. 文脈の関連性を維持する: コンテンツが異なる言語や文化に対して容易にローカライズおよび翻訳可能であることを保証するために、関連する文脈を提供してください。\n\n生成されたUXライティングコンテンツ:\n"
}

独自のアイコンを作成し、それをこのjsonにbase64形式のテキストとして入力することができます。そうでなければ、素敵なデフォルトが使用されます。

指定された入力フィールドを使用したサンプル入力。
アプリによって生成されたテキストを含むテキストベースのユーザーインターフェース。
カスタムツールを定義するためにjsonをアップロード
テキストベースのUIジェネレーターサンプル入力
テキストベースのUIジェネレーター出力
カスタムツールのアップロード