Klaviyo local dev loop
425 plugins, 2,810 skills, 200 agents for Claude Code. Open-source marketplace at tonsofskills.com with the ccpi CLI package manager.
npx -y skills add jeremylongshore/claude-code-plugins-plus-skills --skill klaviyo-local-dev-loopAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
What its author says it does
Copied from the file, not written here
'Configure Klaviyo local development with hot reload, mocking, and testing.
The file declares its own license as MIT. That is the author’s claim about this one file, and it is not the same thing as the license GitHub reports for the repository, which is listed with the other numbers below.
SKILL.md
5.3 KB, as published. Nobody here has run it
Klaviyo Local Dev Loop
Overview
Set up a fast, reproducible local development workflow for Klaviyo integrations with hot reload, SDK mocking, and integration tests. The loop keeps three concerns separate: a lazily-instantiated SDK client singleton, mocked unit tests that never hit the network, and live integration tests gated behind an opt-in flag so they only run in CI.
Prerequisites
- Completed
klaviyo-install-authsetup (provides your private API key) - Node.js 18+ with
npmorpnpmon the PATH klaviyo-apipackage installed as a project dependencytsxandvitestinstalled as dev dependencies for hot reload and tests
Instructions
Follow six steps to stand up the loop. The full file contents for each step —
project layout, .env templates, package.json scripts, and the client
singleton — live in full walkthrough. The
complete test files live in test examples.
-
Project structure — create
src/klaviyo/for SDK modules andtests/{unit,integration}/. Keep secrets in a git-ignored.env.local, ship a committed.env.example. -
Environment configuration — define
KLAVIYO_PRIVATE_KEY/KLAVIYO_PUBLIC_KEYand wire thedev,test,test:watch,test:integration, andtypecheckscripts. -
SDK client singleton — read the key once, cache the
ApiKeySession, and export lazy per-API accessors so you only instantiate what you use:// src/klaviyo/client.ts import { ApiKeySession, ProfilesApi } from 'klaviyo-api'; let session: ApiKeySession | null = null; function getSession(): ApiKeySession { if (!session) { const key = process.env.KLAVIYO_PRIVATE_KEY; if (!key) throw new Error('KLAVIYO_PRIVATE_KEY not set'); session = new ApiKeySession(key); } return session; } export const profiles = () => new ProfilesApi(getSession()); -
Unit testing with mocks —
vi.mock('klaviyo-api', ...)the whole SDK so unit tests are deterministic and offline. See test examples. -
Integration test — a
describe.skipIf(!process.env.KLAVIYO_TEST)suite that exercises the live account. See test examples. -
Hot reload development — run
npm run dev(tsx watch) in one terminal andnpm run test:watchin another for a tight edit-test cycle.
Output
- Working dev environment with hot reload via
tsx watch - Unit tests with mocked
klaviyo-apiSDK - Integration tests gated behind
KLAVIYO_TEST=1 - Client singleton pattern for consistent SDK usage
Error Handling
| Error | Cause | Solution |
|---|---|---|
KLAVIYO_PRIVATE_KEY not set | Missing .env.local | Copy from .env.example |
| Mock type errors | SDK type mismatches | Use as any for mock enum values |
| Integration test 429 | Rate limited in CI | Add delays between tests or use test key |
tsx not found | Missing dependency | npm install -D tsx |
Examples
A minimal mocked unit test — no network, fully deterministic. The full unit and integration suites are in test examples.
// tests/unit/profiles.test.ts
import { describe, it, expect, vi } from 'vitest';
vi.mock('klaviyo-api', () => ({
ApiKeySession: vi.fn(),
ProfilesApi: vi.fn().mockImplementation(() => ({
createProfile: vi.fn().mockResolvedValue({
body: { data: { id: '01JMOCKPROFILEID', attributes: { email: '[email protected]' } } },
}),
})),
}));
import { ProfilesApi, ApiKeySession } from 'klaviyo-api';
describe('Profile operations', () => {
it('creates a profile with email', async () => {
const api = new ProfilesApi(new ApiKeySession('pk_test_key'));
const result = await api.createProfile({
data: { type: 'profile' as any, attributes: { email: '[email protected]' } },
});
expect(result.body.data.id).toBe('01JMOCKPROFILEID');
});
});
Run it with npm run test, or npm run test:watch for the hot loop. To exercise
the live API instead, set KLAVIYO_TEST=1 and run npm run test:integration.
Resources
- klaviyo-api-node SDK
- Vitest Documentation
- tsx (TypeScript Execute)
- Full implementation walkthrough
- Complete test examples
Next Steps
See klaviyo-sdk-patterns for production-ready code patterns, and
klaviyo-install-auth if you still need to provision an API key. Once the loop
is green locally, wire npm run test:integration into CI behind the
KLAVIYO_TEST gate so live checks run only where a sandbox key is available.