Activate for code generation, AI-assisted development, and Claude to Antigravity handoffs. Use when a design needs to be translated into working code.
From brand-bond-osnpx claudepluginhub brandbondco/brand-bond-os --plugin brand-bond-osThis skill uses the workspace's default tool permissions.
Guides Next.js Cache Components and Partial Prerendering (PPR) with cacheComponents enabled. Implements 'use cache', cacheLife(), cacheTag(), revalidateTag(), static/dynamic optimization, and cache debugging.
Migrates code, prompts, and API calls from Claude Sonnet 4.0/4.5 or Opus 4.1 to Opus 4.5, updating model strings on Anthropic, AWS, GCP, Azure platforms.
Details PluginEval's skill quality evaluation: 3 layers (static, LLM judge), 10 dimensions, rubrics, formulas, anti-patterns, badges. Use to interpret scores, improve triggering, calibrate thresholds.
Code generation is the bridge between design and production. Quality here determines quality everywhere downstream.
AI-generated code is a starting point, not a final product. Every output must be reviewed against brand system and performance standards.
When handing off to Antigravity or Cursor:
1. DESIGN CONTEXT — Link to Figma file, relevant frames
2. TECH STACK — Framework, libraries, existing conventions
3. TOKEN REFERENCE — Design token file or CSS variable list
4. SCOPE — Exactly what to build (no ambiguity)
5. CONSTRAINTS — Performance targets, browser support, accessibility
6. REVIEW CRITERIA — What done looks like
bb-dp-figma — source of design specsbb-dp-framer — if web build, not custom codebb-design-system — token reference