Create a minimal working Windsurf example. Use when starting a new Windsurf integration, testing your setup, or learning basic Windsurf API patterns. Trigger with phrases like "windsurf hello world", "windsurf example", "windsurf quick start", "simple windsurf code".
Creates minimal working examples to start using the Windsurf API with basic client initialization.
/plugin marketplace add jeremylongshore/claude-code-plugins-plus-skills/plugin install windsurf-pack@claude-code-plugins-plusThis skill is limited to using the following tools:
Minimal working example demonstrating core Windsurf functionality.
windsurf-install-auth setupCreate a new file for your hello world example.
import { WindsurfClient } from '@windsurf/sdk';
const client = new WindsurfClient({
apiKey: process.env.WINDSURF_API_KEY,
});
async function main() {
// Your first API call here
}
main().catch(console.error);
Success! Your Windsurf connection is working.
| Error | Cause | Solution |
|---|---|---|
| Import Error | SDK not installed | Verify with npm list or pip show |
| Auth Error | Invalid credentials | Check environment variable is set |
| Timeout | Network issues | Increase timeout or check connectivity |
| Rate Limit | Too many requests | Wait and retry with exponential backoff |
import { WindsurfClient } from '@windsurf/sdk';
const client = new WindsurfClient({
apiKey: process.env.WINDSURF_API_KEY,
});
async function main() {
// Your first API call here
}
main().catch(console.error);
from windsurf import WindsurfClient
client = WindsurfClient()
# Your first API call here
Proceed to windsurf-local-dev-loop for development workflow setup.
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.