--- name: speak-local-dev-loop-aea73ea069ed description: | Configure Speak local development with hot reload, testing, and mock tutors. Use when setting up a development environment, configuring test workflows, or establishing a fast iteration cycle with Speak language learning. Trigger with phrases like "speak dev setup", "speak local development", "speak dev environment", "develop with speak". allowed-tools: Read, Write, Edit, Bash(npm:*), Bash(pnpm:*), Grep version: 1.0.0 license: MIT author: Jeremy Longshore --- # Speak Local Dev Loop ## Overview Set up a fast, reproducible local development workflow for Speak language learning integrations. ## Prerequisites - Completed `speak-install-auth` setup - Node.js 18+ with npm/pnpm - Code editor with TypeScript support - Git for version control - Audio testing tools (optional) ## Instructions ### Step 1: Create Project Structure ``` my-speak-project/ ├── src/ │ ├── speak/ │ │ ├── client.ts # Speak client wrapper │ │ ├── config.ts # Configuration management │ │ ├── tutor.ts # AI tutor service │ │ ├── speech.ts # Speech recognition utilities │ │ └── utils.ts # Helper functions │ ├── lessons/ │ │ ├── vocabulary.ts # Vocabulary lesson logic │ │ ├── conversation.ts # Conversation practice │ │ └── pronunciation.ts # Pronunciation training │ └── index.ts ├── tests/ │ ├── unit/ │ │ └── speak.test.ts │ ├── integration/ │ │ └── lessons.test.ts │ └── mocks/ │ └── speak-mock.ts # Mock tutor responses ├── .env.local # Local secrets (git-ignored) ├── .env.example # Template for team ├── .env.test # Test environment └── package.json ``` ### Step 2: Configure Environment ```bash # Copy environment template cp .env.example .env.local # Create test environment cat > .env.test << 'EOF' SPEAK_API_KEY=test-key-for-mocks SPEAK_APP_ID=test-app-id SPEAK_MOCK_MODE=true SPEAK_TARGET_LANGUAGE=es EOF # Install dependencies npm install # Start development server npm run dev ``` ### Step 3: Setup Hot Reload ```json { "scripts": { "dev": "tsx watch src/index.ts", "dev:lesson": "tsx watch src/lessons/conversation.ts", "test": "vitest", "test:watch": "vitest --watch", "test:integration": "vitest run tests/integration" } } ``` ### Step 4: Configure Testing with Mocks ```typescript // tests/mocks/speak-mock.ts import { vi } from 'vitest'; export const mockTutorResponse = { text: "Muy bien! Your pronunciation is improving.", audioUrl: 'https://speak.com/mock-audio.mp3', pronunciationScore: 85, grammarCorrections: [], suggestions: ['Try rolling your Rs more'], }; export const mockSpeakClient = { health: { check: vi.fn().mockResolvedValue({ healthy: true }), }, tutor: { startSession: vi.fn().mockResolvedValue({ id: 'session-123', status: 'active', }), getPrompt: vi.fn().mockResolvedValue({ text: 'Let\'s practice greetings in Spanish!', audioUrl: 'https://speak.com/mock-prompt.mp3', }), submitResponse: vi.fn().mockResolvedValue(mockTutorResponse), }, speech: { recognize: vi.fn().mockResolvedValue({ transcript: 'Hola, como estas', confidence: 0.92, }), score: vi.fn().mockResolvedValue({ overall: 85, fluency: 82, accuracy: 88, pronunciation: 85, }), }, }; vi.mock('@speak/language-sdk', () => ({ SpeakClient: vi.fn().mockImplementation(() => mockSpeakClient), AITutor: vi.fn(), SpeechRecognizer: vi.fn(), })); ``` ### Step 5: Write Unit Tests ```typescript // tests/unit/speak.test.ts import { describe, it, expect, vi, beforeEach } from 'vitest'; import { mockSpeakClient } from '../mocks/speak-mock'; import { SpeakService } from '../../src/speak/client'; describe('Speak Client', () => { beforeEach(() => { vi.clearAllMocks(); }); it('should initialize with API key', () => { const service = new SpeakService({ apiKey: 'test-key', appId: 'test-app' }); expect(service).toBeDefined(); }); it('should verify health check', async () => { const result = await mockSpeakClient.health.check(); expect(result.healthy).toBe(true); }); it('should start a lesson session', async () => { const session = await mockSpeakClient.tutor.startSession({ language: 'es', topic: 'greetings', }); expect(session.id).toBe('session-123'); expect(session.status).toBe('active'); }); it('should return pronunciation feedback', async () => { const feedback = await mockSpeakClient.tutor.submitResponse({ text: 'Hola', }); expect(feedback.pronunciationScore).toBeGreaterThan(0); expect(feedback.pronunciationScore).toBeLessThanOrEqual(100); }); }); ``` ### Step 6: Create Mock Lesson Runner ```typescript // src/dev/mock-lesson.ts import { SpeakClient } from '@speak/language-sdk'; const isMockMode = process.env.SPEAK_MOCK_MODE === 'true'; export async function runMockLesson() { if (isMockMode) { console.log('Running in MOCK mode'); // Return mock responses without API calls return { prompt: 'Mock: Let\'s practice Spanish!', feedback: { score: 85, message: 'Mock feedback' }, }; } // Real API calls const client = new SpeakClient({ apiKey: process.env.SPEAK_API_KEY!, appId: process.env.SPEAK_APP_ID!, language: 'es', }); // ... real implementation } ``` ## Output - Working development environment with hot reload - Configured test suite with mocking - Environment variable management - Fast iteration cycle for Speak development - Mock tutor for offline development ## Error Handling | Error | Cause | Solution | |-------|-------|----------| | Module not found | Missing dependency | Run `npm install` | | Port in use | Another process | Kill process or change port | | Env not loaded | Missing .env.local | Copy from .env.example | | Test timeout | Slow network | Use mocks or increase timeout | | Audio not playing | Browser security | Use HTTPS in dev | ## Examples ### Mock Speech Recognition ```typescript // tests/mocks/speech-mock.ts export function createMockSpeechRecognizer() { return { start: vi.fn(), stop: vi.fn(), onResult: vi.fn(), simulateResult: (text: string, score: number) => { return { transcript: text, pronunciationScore: score, timing: { duration: 2500, words: [ { word: 'Hola', start: 0, end: 500, score: 90 }, { word: 'como', start: 600, end: 1000, score: 85 }, { word: 'estas', start: 1100, end: 1600, score: 80 }, ], }, }; }, }; } ``` ### Debug Mode with Verbose Logging ```bash # Enable verbose logging for Speak operations DEBUG=speak:* npm run dev # Log only speech recognition DEBUG=speak:speech npm run dev # Log tutor interactions DEBUG=speak:tutor npm run dev ``` ### Development Scripts ```json { "scripts": { "dev": "tsx watch src/index.ts", "dev:mock": "SPEAK_MOCK_MODE=true tsx watch src/index.ts", "test:unit": "vitest run tests/unit", "test:integration": "vitest run tests/integration", "lesson:spanish": "tsx src/lessons/spanish-basics.ts", "lesson:korean": "SPEAK_TARGET_LANGUAGE=ko tsx src/lessons/korean-basics.ts" } } ``` ## Resources - [Speak SDK Reference](https://developer.speak.com/sdk) - [Vitest Documentation](https://vitest.dev/) - [tsx Documentation](https://github.com/esbuild-kit/tsx) - [Web Speech API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Speech_API) ## Next Steps See `speak-sdk-patterns` for production-ready code patterns. --- Source attribution: Dicklesworthstone Original project: https://github.com/Dicklesworthstone/pi_agent_rust/blob/f28fc46ee0db8e710d95b8b55592cd38d60f2b26/tests/ext_conformance/artifacts/plugins-community/plugins/saas-packs/speak-pack/skills/speak-local-dev-loop/SKILL.md License: MIT License information: https://opensource.org/license/mit Original upstream instructions; downloaded from Mega AI Hub. ## Upstream license notice MIT License (with OpenAI/Anthropic Rider) Copyright (c) 2026 Jeffrey Emanuel Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: ADDITIONAL RIDER / RESTRICTION (OpenAI / Anthropic): This rider is part of the "conditions" of this License. In the event of any conflict between this rider and any other portion of this License, this rider controls. "Restricted Parties" means OpenAI, L.L.C.; Anthropic, PBC; any of their respective Affiliates; and any person or entity acting directly or indirectly on behalf of, for the benefit of, or under the direction of any of the foregoing (including any officer, director, employee, contractor, agent, consultant, service provider, or representative). Notwithstanding any other provision of this License, no rights are granted to any Restricted Party. Any purported license, sublicense, assignment, transfer, or other permission to any Restricted Party is null and void absent the express prior written permission of Jeffrey Emanuel. You may not provide, disclose, distribute, sublicense, sell, lease, lend, host, make available, or otherwise permit access to the Software or any derivative work of the Software (as defined in applicable copyright law) (collectively, "Derivative Works") to or for any Restricted Party. For purposes of this rider, "use" includes, without limitation: copying, modifying, merging, publishing, distributing, sublicensing, selling, transferring, making available, hosting, deploying, executing, benchmarking, testing, analyzing, indexing, or incorporating the Software or any Derivative Works into any dataset, training corpus, evaluation harness, or pipeline for machine learning or other automated systems. This rider applies to the Software and all Derivative Works. As a condition of use, you agree that this rider is a precondition to exercising any rights under this License, and you agree that any distribution of the Software or any Derivative Works must include this rider provision unmodified. Any breach of this rider automatically and immediately terminates the permissions granted by this License. Upon termination, you must immediately cease all use and distribution of the Software and any Derivative Works and destroy all copies under your control. You agree that a breach of this rider would cause irreparable harm and that Jeffrey Emanuel may seek injunctive or other equitable relief to enforce this rider, in addition to any other remedies available at law. To the maximum extent permitted by applicable law, the prevailing party in any action to enforce this rider shall be entitled to recover reasonable attorneys' fees and costs. For purposes of this rider, "Affiliate" means any entity that directly or indirectly controls, is controlled by, or is under common control with the specified party. "Control" means ownership of more than 50% of the voting securities or other ownership interest, or the power to direct management or policies by contract or otherwise. The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. # Mega AI Hub resource metadata Creator / publisher: Dicklesworthstone Original project: https://github.com/Dicklesworthstone/pi_agent_rust/blob/f28fc46ee0db8e710d95b8b55592cd38d60f2b26/tests/ext_conformance/artifacts/plugins-community/plugins/saas-packs/speak-pack/skills/speak-local-dev-loop/SKILL.md Attribution basis: Source repository record Fields of work: Development & Engineering, Product Management Roles: Frontend Developer, ML / AI Engineer, Product Manager Specialties: Backend Tools: Npm, Vitest Country applicability: Country not specified Classification basis: Source catalog labels Instruction SHA-256: afca2297f883900f92ac4077ea5e930e381a604192732ed135cca0babc01b866