retellai-local-dev-loop
Retell AIのローカル開発環境をホットリロードとテスト機能付きで構成します。開発環境のセットアップ、テストワークフローの設定、またはRetell AIを使った高速反復サイクルの確立の際に使用してください。「retellai dev setup」「retellai local development」「retellai dev environment」「develop with retellai」といったフレーズでトリガーされます。
description の原文を見る
Configure Retell AI local development with hot reload and testing. Use when setting up a development environment, configuring test workflows, or establishing a fast iteration cycle with Retell AI. Trigger with phrases like "retellai dev setup", "retellai local development", "retellai dev environment", "develop with retellai".
SKILL.md 本文
Retell AI ローカル開発ループ
概要
Retell AIの高速で再現可能なローカル開発ワークフローをセットアップします。
前提条件
retellai-install-authセットアップが完了していること- Node.js 18以上(npm/pnpmを含む)
- TypeScriptサポート付きのコードエディタ
- バージョン管理用のGit
手順
ステップ1: プロジェクト構造の作成
my-retellai-project/
├── src/
│ ├── retellai/
│ │ ├── client.ts # Retell AIクライアントラッパー
│ │ ├── config.ts # 設定管理
│ │ └── utils.ts # ヘルパー関数
│ └── index.ts
├── tests/
│ └── retellai.test.ts
├── .env.local # ローカルシークレット(gitで無視)
├── .env.example # チーム用テンプレート
└── package.json
ステップ2: 環境の設定
# 環境テンプレートをコピー
cp .env.example .env.local
# 依存関係をインストール
npm install
# 開発サーバーを起動
npm run dev
ステップ3: ホットリロードの設定
{
"scripts": {
"dev": "tsx watch src/index.ts",
"test": "vitest",
"test:watch": "vitest --watch"
}
}
ステップ4: テスト環境の設定
import { describe, it, expect, vi } from 'vitest';
import { RetellAIClient } from '../src/retellai/client';
describe('Retell AI Client', () => {
it('should initialize with API key', () => {
const client = new RetellAIClient({ apiKey: 'test-key' });
expect(client).toBeDefined();
});
});
出力
- ホットリロード機能付きの動作開発環境
- モック設定済みのテストスイート
- 環境変数管理
- Retell AI開発向けの高速イテレーションサイクル
エラーハンドリング
| エラー | 原因 | 対応方法 |
|---|---|---|
| Module not found | 依存関係が不足している | npm installを実行 |
| Port in use | 別のプロセスが実行中 | プロセスを終了するか別のポートに変更 |
| Env not loaded | .env.localがない | .env.exampleからコピー |
| Test timeout | ネットワークが遅い | テストタイムアウトを増加 |
例
Retell AIレスポンスのモック
vi.mock('@retellai/sdk', () => ({
RetellAIClient: vi.fn().mockImplementation(() => ({
// ここにモックメソッドを追加
})),
}));
デバッグモード
# 詳細ログを有効化
DEBUG=RETELLAI=* npm run dev
リソース
次のステップ
本番環境対応のコードパターンについては retellai-sdk-patterns を参照してください。
ライセンス: MIT(寛容ライセンスのため全文を引用しています) · 原本リポジトリ
詳細情報
- 作者
- Brmbobo
- リポジトリ
- Brmbobo/Web2podcast
- ライセンス
- MIT
- 最終更新
- 2026/1/26
Source: https://github.com/Brmbobo/Web2podcast / ライセンス: MIT
関連スキル
superpowers-streamer-cli
SuperPowers デスクトップストリーマーの npm パッケージをインストール、ログイン、実行、トラブルシューティングできます。ユーザーが npm から `superpowers-ai` をセットアップしたい場合、メールまたは電話でサインインもしくはアカウント作成を行いたい場合、ストリーマーを起動したい場合、表示されたコントロールリンクを開きたい場合、後で停止したい場合、またはソースコードへのアクセスなしに npm やランタイムの一般的な問題から復旧したい場合に使用します。
catc-client-ops
Catalyst Centerのクライアント操作・監視機能 - 有線・無線クライアントのリスト表示・フィルタリング、MACアドレスによる詳細なクライアント検索、クライアント数分析、時間軸での分析、SSIDおよび周波数帯によるフィルタリング、無線トラブルシューティング機能を提供します。MACアドレスやIPアドレスでのクライアント検索、サイト別やSSID別のクライアント数集計、無線周波数帯の分布分析、Wi-Fi信号の問題調査が必要な場合に活用できます。
ci-cd-and-automation
CI/CDパイプラインの設定を自動化します。ビルドおよびデプロイメントパイプラインの構築または変更時に使用できます。品質ゲートの自動化、CI内のテストランナー設定、またはデプロイメント戦略の確立が必要な場合に活用します。
shipping-and-launch
本番環境へのリリース準備を行います。本番環境へのデプロイ準備が必要な場合、リリース前チェックリストが必要な場合、監視機能の設定を行う場合、段階的なロールアウトを計画する場合、またはロールバック戦略が必要な場合に使用します。
linear-release-setup
Linear Releaseに向けたCI/CD設定を生成します。リリース追跡の設定、LinearのCIパイプライン構築、またはLinearリリースとのデプロイメント連携を実施する際に利用できます。GitHub Actions、GitLab CI、CircleCIなど複数のプラットフォームに対応しています。
tracking-application-response-times
API エンドポイント、データベースクエリ、サービスコール全体にわたるアプリケーションのレスポンスタイムを追跡・最適化できます。パフォーマンス監視やボトルネック特定の際に活用してください。「レスポンスタイムを追跡する」「API パフォーマンスを監視する」「遅延を分析する」といった表現で呼び出せます。