Create a minimal working Juicebox example. Use when getting started with Juicebox, creating your first search, or testing basic people search functionality. Trigger with phrases like "juicebox hello world", "first juicebox search", "simple juicebox example", "test juicebox".
Creates a minimal Juicebox example to search for people with working code.
/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:
Create a minimal working example to search for people using Juicebox AI.
juicebox-install-auth completed)// search.ts
import { JuiceboxClient } from '@juicebox/sdk';
const client = new JuiceboxClient({
apiKey: process.env.JUICEBOX_API_KEY
});
async function searchPeople() {
const results = await client.search.people({
query: 'software engineer at Google',
limit: 5
});
console.log(`Found ${results.total} people`);
results.profiles.forEach(profile => {
console.log(`- ${profile.name} | ${profile.title} at ${profile.company}`);
});
}
searchPeople();
npx ts-node search.ts
Expected output:
Found 150 people
- Jane Smith | Senior Software Engineer at Google
- John Doe | Staff Engineer at Google
- ...
| Error | Cause | Solution |
|---|---|---|
| Empty Results | Query too specific | Broaden search terms |
| Timeout | Large result set | Add limit parameter |
| Invalid Query | Malformed syntax | Check query format |
from juicebox import JuiceboxClient
import os
client = JuiceboxClient(api_key=os.environ.get('JUICEBOX_API_KEY'))
results = client.search.people(
query='product manager in San Francisco',
limit=10
)
for profile in results.profiles:
print(f"- {profile.name} | {profile.title}")
const results = await client.search.people({
query: 'senior engineer',
filters: {
location: 'New York',
company_size: '1000+',
experience_years: { min: 5 }
},
limit: 20
});
After your first search, explore juicebox-sdk-patterns for production-ready code.
Expert guidance for Next.js Cache Components and Partial Prerendering (PPR). **PROACTIVE ACTIVATION**: Use this skill automatically when working in Next.js projects that have `cacheComponents: true` in their next.config.ts/next.config.js. When this config is detected, proactively apply Cache Components patterns and best practices to all React Server Component implementations. **DETECTION**: At the start of a session in a Next.js project, check for `cacheComponents: true` in next.config. If enabled, this skill's patterns should guide all component authoring, data fetching, and caching decisions. **USE CASES**: Implementing 'use cache' directive, configuring cache lifetimes with cacheLife(), tagging cached data with cacheTag(), invalidating caches with updateTag()/revalidateTag(), optimizing static vs dynamic content boundaries, debugging cache issues, and reviewing Cache Component implementations.