groq-local-dev-loop
Groqのローカル開発環境をホットリロードとテスト機能付きで構成できます。開発環境のセットアップ、テストワークフローの設定、またはGroqを使用した高速反復サイクルの確立時に使用してください。「groq dev setup」「groq local development」「groq dev environment」「develop with groq」といったフレーズでトリガーされます。
description の原文を見る
Configure Groq local development with hot reload and testing. Use when setting up a development environment, configuring test workflows, or establishing a fast iteration cycle with Groq. Trigger with phrases like "groq dev setup", "groq local development", "groq dev environment", "develop with groq".
SKILL.md 本文
Groq ローカル開発ループ
概要
Groq 向けの高速で再現性のあるローカル開発ワークフローをセットアップします。
前提条件
groq-install-authセットアップの完了- Node.js 18 以上(npm/pnpm)
- TypeScript サポート付きのコードエディタ
- バージョン管理用の Git
手順
ステップ 1: プロジェクト構造を作成
my-groq-project/
├── src/
│ ├── groq/
│ │ ├── client.ts # Groq クライアント ラッパー
│ │ ├── config.ts # 設定管理
│ │ └── utils.ts # ヘルパー関数
│ └── index.ts
├── tests/
│ └── groq.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 { GroqClient } from '../src/groq/client';
describe('Groq Client', () => {
it('should initialize with API key', () => {
const client = new GroqClient({ apiKey: 'test-key' });
expect(client).toBeDefined();
});
});
出力
- ホットリロード対応の動作開発環境
- モッキング機能付きのテストスイート設定
- 環境変数管理
- Groq 開発の高速イテレーションサイクル
エラーハンドリング
| エラー | 原因 | 解決策 |
|---|---|---|
| Module not found | 依存関係が不足 | npm install を実行 |
| Port in use | 別のプロセスが使用中 | プロセスを終了するかポートを変更 |
| Env not loaded | .env.local が不足 | .env.example からコピー |
| Test timeout | ネットワークが遅い | テストタイムアウトを増加 |
例
Groq レスポンスをモック
vi.mock('@groq/sdk', () => ({
GroqClient: vi.fn().mockImplementation(() => ({
// ここにモックメソッドを追加
})),
}));
デバッグモード
# 詳細なロギングを有効化
DEBUG=GROQ=* npm run dev
リソース
次のステップ
本番対応のコードパターンについては groq-sdk-patterns を参照してください。
ライセンス: MIT(寛容ライセンスのため全文を引用しています) · 原本リポジトリ
詳細情報
- 作者
- Brmbobo
- リポジトリ
- Brmbobo/Web2podcast
- ライセンス
- MIT
- 最終更新
- 2026/1/26
Source: https://github.com/Brmbobo/Web2podcast / ライセンス: MIT
関連スキル
agent-browser
AI エージェント向けのブラウザ自動化 CLI です。ウェブサイトとの対話が必要な場合に使用します。ページ遷移、フォーム入力、ボタンクリック、スクリーンショット取得、データ抽出、ウェブアプリのテスト、ブラウザ操作の自動化など、あらゆるブラウザタスクに対応できます。「ウェブサイトを開く」「フォームに記入する」「ボタンをクリックする」「スクリーンショットを取得する」「ページからデータを抽出する」「このウェブアプリをテストする」「サイトにログインする」「ブラウザ操作を自動化する」といった要求や、プログラマティックなウェブ操作が必要なタスクで起動します。
anyskill
AnySkill — あなたのプライベート・スキルクラウド。GitHubを基盤としたリポジトリからエージェントスキルを管理、同期、動的にロードできます。自然言語でクラウドスキルを検索し、オンデマンドでプロンプトを自動ロード、カスタムスキルのアップロードと共有、スキルバンドルの一括インストールが可能です。OpenClaw、Antigravity、Claude Code、Cursorに対応しています。
engram
AIエージェント向けの永続的なメモリシステムです。バグ修正、意思決定、発見、設定変更の後はmem_saveを使用してください。ユーザーが「覚えている」「記憶している」と言及した場合、または以前のセッションと重複する作業を開始する際はmem_searchを使用します。セッション終了前にmem_session_summaryを使用して、コンテキストを保持してください。
skyvern
AI駆動のブラウザ自動化により、任意のウェブサイトを自動化できます。フォーム入力、データ抽出、ファイルダウンロード、ログイン、複数ステップのワークフロー実行など、ユーザーがウェブサイトと連携する必要があるときに使用します。Skyvernは、LLMとコンピュータビジョンを活用して、未知のサイトも自動操作可能です。Python SDK、TypeScript SDK、REST API、MCPサーバー、またはCLIを通じて統合できます。
pinchbench
PinchBenchベンチマークを実行して、OpenClawエージェントの実世界タスクにおけるパフォーマンスを評価できます。モデルの機能テスト、モデル間の比較、ベンチマーク結果のリーダーボード提出、またはOpenClawのセットアップがカレンダー、メール、リサーチ、コーディング、複数ステップのワークフローにどの程度対応しているかを確認する際に使用します。
openui
OpenUIとOpenUI Langを使用してジェネレーティブUIアプリを構築できます。これらはLLM生成インターフェースのためのトークン効率的なオープン標準です。OpenUI、@openuidev、ジェネレーティブUI、LLMからのストリーミングUI、AI向けコンポーネントライブラリ、またはjson-render/A2UIの置き換えについて述べる際に使用します。スキャフォルディング、defineComponent、システムプロンプト、Renderer、およびOpenUI Lang出力のデバッグに対応しています。