Skill

bb-dp-spline

Activate for 3D web experiences, interactive 3D scenes, and Spline exports for web embedding. Use when evaluating whether 3D is appropriate for a web context.

From brand-bond-os

Install

Run in your terminal

npx claudepluginhub brandbondco/brand-bond-os --plugin brand-bond-os

Tool Access

This skill uses the workspace's default tool permissions.

Skill Content

Similar Skills

cache-components

Guides Next.js Cache Components and Partial Prerendering (PPR) with cacheComponents enabled. Implements 'use cache', cacheLife(), cacheTag(), revalidateTag(), static/dynamic optimization, and cache debugging.

cache-components

138.6k

claude-opus-4-5-migration

2 files

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.

claude-opus-4-5-migration

83.2k

evaluation-methodology

1 file

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.

plugin-eval

32.9k

Stats

Parent Repo Stars0

Parent Repo Forks0

Last CommitMar 13, 2026

Actions

View Source View Plugin View on GitHub View README

bb-dp-spline

Spline brings 3D to the web. Use it deliberately — 3D adds cost (performance, complexity) and must add equivalent value.

When to Use Spline

Hero moments that require 3D brand differentiation
Interactive product visualization
Scroll-driven 3D sequences
WebGL-based brand identity expressions

When NOT to Use Spline

When CSS animation achieves the same effect
When load time matters more than visual richness
When the client's audience is on low-powered devices

Performance Standards

Scene file size: under 5MB for web deployment
Polygon count: optimize aggressively
Texture resolution: 1024×1024 max for web
Test on mid-range mobile — not just MacBook Pro
Lazy load 3D scenes — never block page render

Export Options

Spline Viewer embed (easiest, larger bundle)
Export as code (React / vanilla JS) for performance control
Export as video fallback for unsupported environments

Handoff

bb-dp-framer — Spline embedded in Framer
bb-dp-cursor-antigravity — Spline in custom code
bb-dp-3d — if complex 3D requires Cinema 4D or Blender source