perplexity-local-dev-loop
Perplexityのローカル開発環境をホットリロードとテスト機能付きで構成します。開発環境のセットアップ、テストワークフローの設定、またはPerplexityを用いた高速イテレーションサイクルの確立時に使用できます。「perplexity dev setup」「perplexity local development」「perplexity dev environment」「develop with perplexity」といったフレーズで起動します。
description の原文を見る
Configure Perplexity local development with hot reload and testing. Use when setting up a development environment, configuring test workflows, or establishing a fast iteration cycle with Perplexity. Trigger with phrases like "perplexity dev setup", "perplexity local development", "perplexity dev environment", "develop with perplexity".
SKILL.md 本文
Perplexity ローカル開発ループ
概要
Perplexity の高速で再現可能なローカル開発ワークフローを構築します。
前提条件
perplexity-install-authセットアップの完了- Node.js 18 以上(npm/pnpm)
- TypeScript サポート対応のコードエディタ
- バージョン管理用の Git
手順
ステップ 1: プロジェクト構造の作成
my-perplexity-project/
├── src/
│ ├── perplexity/
│ │ ├── client.ts # Perplexity クライアントラッパー
│ │ ├── config.ts # 設定管理
│ │ └── utils.ts # ヘルパー関数
│ └── index.ts
├── tests/
│ └── perplexity.test.ts
├── .env.local # ローカルシークレット(git-ignored)
├── .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 { PerplexityClient } from '../src/perplexity/client';
describe('Perplexity Client', () => {
it('should initialize with API key', () => {
const client = new PerplexityClient({ apiKey: 'test-key' });
expect(client).toBeDefined();
});
});
アウトプット
- ホットリロード対応の開発環境
- モッキング機能付きの設定済みテストスイート
- 環境変数の管理
- Perplexity 開発向けの高速イテレーションサイクル
エラーハンドリング
| エラー | 原因 | 解決方法 |
|---|---|---|
| Module not found | 依存パッケージがない | npm install を実行 |
| Port in use | 別のプロセスが使用中 | プロセスを終了またはポート変更 |
| Env not loaded | .env.local がない | .env.example からコピー |
| Test timeout | ネットワークが遅い | テストタイムアウトを延長 |
例
Perplexity レスポンスのモック
vi.mock('@perplexity/sdk', () => ({
PerplexityClient: vi.fn().mockImplementation(() => ({
// Mock methods here
})),
}));
デバッグモード
# 詳細なログを有効化
DEBUG=PERPLEXITY=* npm run dev
リソース
次のステップ
本番環境対応のコードパターンについては perplexity-sdk-patterns を参照してください。
ライセンス: MIT(寛容ライセンスのため全文を引用しています) · 原本リポジトリ
詳細情報
- 作者
- Brmbobo
- リポジトリ
- Brmbobo/Web2podcast
- ライセンス
- MIT
- 最終更新
- 2026/1/26
Source: https://github.com/Brmbobo/Web2podcast / ライセンス: MIT
関連スキル
doubt-driven-development
重要な判断はすべて、本番環境への展開前に新しい視点から対抗的レビューを実施します。速度より正確性が重要な場合、不慣れなコードを扱う場合、本番環境・セキュリティに関わるロジック・取り消し不可の操作など影響度が高い場合、または後でバグを修正するよりも今検証する方が効率的な場合に活用してください。
apprun-skills
TypeScriptを使用したAppRunアプリケーションのMVU設計に関する総合的なガイダンスが得られます。コンポーネントパターン、イベントハンドリング、状態管理(非同期ジェネレータを含む)、パラメータと保護機能を備えたルーティング・ナビゲーション、vistestを使用したテストに対応しています。AppRunコンポーネントの設計・レビュー、ルートの配線、状態フローの管理、AppRunテストの作成時に活用してください。
desloppify
コードベースのヘルスチェックと技術負債の追跡ツールです。コード品質、技術負債、デッドコード、大規模ファイル、ゴッドクラス、重複関数、コードスメル、命名規則の問題、インポートサイクル、結合度の問題についてユーザーが質問した場合に使用してください。また、ヘルススコアの確認、次の改善項目の提案、クリーンアップ計画の作成をリクエストされた際にも対応します。29言語に対応しています。
debugging-and-error-recovery
テストが失敗したり、ビルドが壊れたり、動作が期待と異なったり、予期しないエラーが発生したりした場合に、体系的な根本原因デバッグをガイドします。推測ではなく、根本原因を見つけて修正するための体系的なアプローチが必要な場合に使用してください。
test-driven-development
テスト駆動開発により実装を進めます。ロジックの実装、バグの修正、動作の変更など、あらゆる場面で活用できます。コードが正常に動作することを証明する必要がある場合、バグ報告を受けた場合、既存機能を修正する予定がある場合に使用してください。
incremental-implementation
変更を段階的に実施します。複数のファイルに影響する機能や変更を実装する場合に使用してください。大量のコードを一度に書こうとしている場合や、タスクが一度では完結できないほど大きい場合に活用します。