Activate for Figma component building, auto-layout setup, variables and token connection, and design file organization. Use when Figma structure decisions need to be made.
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.
Figma is the source of truth for the design system. Every decision here has downstream consequences.
Figma structure reflects design system logic — not the other way around. Build the system first, then express it in Figma.
Structure:
Primitive variables → raw values (hex, px, font names)
Semantic variables → purpose-mapped (color/background/primary)
Component variables → component-specific (button/bg/hover)
Modes minimum: light / dark. Add density or brand modes only if needed.
bb-design-system — token logic before Figma setupbb-dp-framer — when Figma moves to web buildbb-dp-cursor-antigravity — when design moves to code