3D scenes and web design
Spline is a design platform for interactive 3D content. Ask for an 3d scene or object and it gets built in the Spline 3D editor, which opens beside the chat so you can watch it come together, edit it or iterate with it. More
MCP connector Server URL https://mcp.spline.design/mcpCopy Login OAuth Tools Reads data24 2d_ 2d_ 2d_ 2d_ 2d_ 2d_ 2d_ 2d_ 3d_ 3d_ 3d_ 3d_ 3d_ 3d_ 3d_ 3d_ 3d_ 3d_ 3d_ spline_ spline_ spline_ spline_ spline_
Changes data12 2d_ 2d_ 2d_ 2d_ 2d_ 2d_ 2d_ 3d_ 3d_ 3d_ 3d_ spline_
Deletes or can't be undone11 2d_ 2d_ 2d_ 2d_ 2d_ 2d_ 3d_ 3d_ 3d_ 3d_ 3d_
Skills 25 in the ChatGPT listing
spline Build and edit 3D scenes and 2D designs (websites, landing pages, app screens, UI) live in the Spline editor, which opens in a panel beside the chat. Spline 2d The Hana 2D authoring guides: how to design websites and app screens with 2d_write_html (the supported HTML and CSS, layout, interaction, typography, worked examples) and the effect guides for glass, 3D layers, layer noise, mobile app screens and interactivity. Spline 3d animation DEFAULT recipe for ALL animation/motion/interactivity asks ("animate …", "make it grow/bloom/orbit/spin", hover/click behavior, ambient life): scene by run_code with stable names + a pivot at every motion origin; the motion as plain JS in the HTML layer driving objects per frame via the spline bridge — one rAF clock, poses from elapsed time f(t), easing + stagger, entrance → idle handoff, recipes, perf budget. Spline 3d architecture Buildings & man-made structures in the believable register: real-world proportions, crisp edges (cornerRadius 0), pitched roofs with overhangs, framed windows/doors, wall/roof textures, muted palettes, streets & neighborhoods at real scale. Spline 3d boolean operations Boolean (CSG) operations: carving holes, windows and tunnels with subtract(), merging shapes with union(), keeping overlaps with intersect() — operand ordering (which object survives a subtract), live editing of operands, adding cutters later, materials on the result, closed-geometry rules, and performance. Spline 3d building scenes Composing full scenes: units & spatial layout, grounding objects, scatter loops & cloner randomness for dense dressing, lighting & shadow tuning, fog/AO atmosphere, camera framing, color palettes, typography & the font catalog, prettify/style, arranging and grouping. Spline 3d game audio Procedural WebAudio sound effects for games and interactive scenes (no audio assets): the shared synth helpers, AudioContext resume-on-gesture wiring, and per-effect recipes — engine hum, weapons, footsteps, pickups, win/lose stingers. Spline 3d game controls The built-in Game Controls feature — load ONLY when the user explicitly asks for it (says 'game controls', wants the editor's built-in character controller, touch joysticks, or a navmesh): the GameControl event (keyAssignments key mapping, walk/fly, collider, follow camera, idle/move/jump/run action containers), pairing it with physics() so the character stands on and pushes the decor, and Collision/Trigger events for pickups, obstacles and goal zones. Spline 3d game example The complete worked example for the games skill: a drive-&-collect game end to end — the run_code scene call and the full HTML game document (start gate, input, fixed-timestep loop, chase camera with exact aim math, JS collisions, HUD, restart-from-snapshots, sound hooks). Spline 3d games DEFAULT recipe for playable games and game-like scenes: plain JS code logic in the HTML layer (set_html_content + the spline bridge) — start-screen gate, HUD, keyboard input, a rAF game loop, a glitch-free chase camera, JS collision checks — with the scene built by run_code and sound recipes in game-audio. Spline 3d hair Hair Systems: simulated strands (hair, fur, grass, fibers) via hair() — growing strands from an object's surface or a built-in scalp, strand shape (length, width, kink/curl, clumping), physics (gravity, wind, stiffness), root/mid/tip coloring or inheriting the base object's surface color, and recipes (character hair, fur, grass). Spline 3d html content HTML content over the 3D canvas (set_html_content) — the DEFAULT home of motion and behavior code (animation loops, interaction logic, game loops; headless script-only documents are fine) as well as web UI. Spline 3d interactivity The built-in Events & Actions machinery — for EDITING interactivity a scene already has, for features only events provide (Scroll/Collision/Trigger/DragDrop/LookAt/Follow, variables + property bindings), for sensor events bridging clicks/hovers into code, and for explicit user asks. Spline 3d lathe The Lathe primitive: revolving a 4-point bezier profile around Y into vases, bottles, bowls, cups, glasses, lamp bases, chess pieces, columns, domes. Spline 3d materials and look Material layer stacks (color, shading/light category, gradient, fresnel, glass/transmission, depth, texture, displace terrain relief), decal stickers/splashes/impact marks stamped onto surfaces, flatShading/side, animated material tweens, layer/addLayer/updateLayer/removeLayer, opacity, lighting for good looks, fog/AO atmosphere, and backgrounds. Spline 3d organic scenes Nature & organic scenes, stylized or believable: terrain and islands (displace layer vs customMesh), trees/rocks, water, clouds, graded skies, surface scatter, atmosphere, palettes, and ambient motion. Spline 3d particles Particle emitters: creating and tuning them with particles() (emission, motion, sprite look, emitter shapes, timing), recipes (snow, rain, fire, smoke, confetti, auras), and runtime control via the Particles action (start/stop/burst on events). Spline 3d physics The physics simulation itself (no character needed): page Simulation switch + gravity, physics() in depth (positioned colliders vs dynamic bodies, friction/bounce/density/gravityScale/damping, convex vs trimesh colliders, fused vs separate group bodies, axis locks), kinematic movers (animated/dragged colliders that push dynamic bodies), spawning dynamic objects with the Create action, and falling/stacking/bouncing/floating recipes. Spline 3d planets Planet & space scenes: realistic textured planets (AI texture layer — take the initiative), stylized procedural planets, atmosphere rims, rings, moons, space lighting and backdrop. Spline 3d procedural generation Procedural terrain/ocean/tree/rock/globe/building generators, seeded surface scatter, the constraint-based layout() solver, and the miniworld/diorama, city-street, enclosed-terrain (canyon/cave) and creature-rig recipes. Spline 3d scene optimization Scene performance optimization: reading analyze_scene reports, reducing polygons, decimate(), merge(), bakeBoolean(), consolidating materials, taming lights/shadows/effects/textures, removing unused content — the measure→fix→verify workflow and visual-parity rules. Spline 3d shape blends Shape Blends (metaballs / SDF blending): melting meshes into ONE smooth organic surface with shapeBlend() — goo, blobs, liquid drops merging, lava lamps, slime, snowmen, clouds, soft cartoon bodies. Spline 3d state transitions The built-in States & Transitions animation feature — load ONLY when the user explicitly asks for it (names states, transitions, the timeline, or the States panel), or for physics-coupled kinematic motion (moving platforms — the one motion that must be state-driven): the all-in-one animate() helper plus the low-level addState/addEvent/addAction/updateTween flow, easings, duration, delay, loop and pingpong. Spline 3d texture drawing The generateTexture contract and recipes: draw seamless repeating textures locally with canvas 2D (brick/stone walls, wood planks, roof tiles, ceramic/checker floors, pavement) — the seam-wrap rules (rng-only randomness, save/restore transforms, opaque base, one draw per feature), sizing/repeat math, and worked per-material drawing recipes. Spline 3d use MANDATORY prerequisite — you MUST invoke this skill BEFORE every `3d_run_code` tool call. 