claude-design--frontier-capabilitieslisted

# Claude Design — Frontier Capabilities ## When to activate - Building interactive experiences that go beyond standard UI — 3D, audio, particle effects, or immersive animation - Pitch deck or product demo needs live interactive elements rather than static screenshots - Prototyping voice interfaces or WebGL-based visualizations before committing to a full implementation - Building marketing landing pages where visual distinction is more important than framework compatibility - Stakeholder demo requires a shareable URL with motion and interactivity, not just a mockup image ## When NOT to use - Standard business application UI — use the base claude-design skill and export to Claude Code - Production-grade 3D experiences where quality must match commercial standards — use Three.js or Unity directly - When client browser compatibility is a requirement — frontier capabilities require modern browsers (Chrome 110+, Safari 16.4+, Firefox 115+); older enterprise environments will have issues - When the deliverable is a downloadable video file — animated video exports as a shareable URL only; MP4 download is not supported - When the project is already in Claude Code and the design direction is locked — iterate in code, not in Claude Design ## Instructions ### 3D Interactive Elements Claude Design generates interactive 3D elements using WebGL. These are embedded in the exported HTML and work without additional dependencies. Supported patterns: - Globe visualizations with drag rot