Configure Juicebox local development workflow. Use when setting up local testing, mock data, or development environment for Juicebox integration work. Trigger with phrases like "juicebox local dev", "juicebox development setup", "juicebox mock data", "test juicebox locally".
Configures Juicebox local development workflow with mock data and testing utilities.
/plugin marketplace add jeremylongshore/claude-code-plugins-plus-skills/plugin install juicebox-pack@claude-code-plugins-plusThis skill is limited to using the following tools:
Configure a fast local development workflow for Juicebox integration with mock data and testing utilities.
# Create development config
cat > .env.development << 'EOF'
JUICEBOX_API_KEY=jb_test_xxxxxxxxxxxx
JUICEBOX_ENVIRONMENT=sandbox
JUICEBOX_LOG_LEVEL=debug
EOF
// mocks/juicebox.ts
export const mockProfiles = [
{
id: 'mock-1',
name: 'Test User',
title: 'Software Engineer',
company: 'Test Corp',
location: 'San Francisco, CA'
}
];
export const mockSearchResponse = {
total: 1,
profiles: mockProfiles,
hasMore: false
};
// test-utils/juicebox.ts
import { JuiceboxClient } from '@juicebox/sdk';
export function createTestClient() {
return new JuiceboxClient({
apiKey: process.env.JUICEBOX_API_KEY,
sandbox: true,
timeout: 5000
});
}
export async function withMockSearch<T>(
fn: (client: JuiceboxClient) => Promise<T>
): Promise<T> {
const client = createTestClient();
return fn(client);
}
// package.json
{
"scripts": {
"dev": "nodemon --watch src --exec ts-node src/index.ts",
"test:watch": "vitest watch"
}
}
| Error | Cause | Solution |
|---|---|---|
| Sandbox Limit | Exceeded test quota | Wait or upgrade plan |
| Mock Mismatch | Schema changed | Update mock data |
| Hot Reload Fail | File lock | Restart dev server |
import { describe, it, expect } from 'vitest';
import { createTestClient } from './test-utils/juicebox';
describe('Juicebox Search', () => {
it('returns profiles for valid query', async () => {
const client = createTestClient();
const results = await client.search.people({
query: 'engineer',
limit: 5
});
expect(results.profiles.length).toBeGreaterThan(0);
});
});
With local dev configured, explore juicebox-sdk-patterns for production patterns.
This skill should be used when the user asks to "create a hookify rule", "write a hook rule", "configure hookify", "add a hookify rule", or needs guidance on hookify rule syntax and patterns.
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.