3d Web Experience
davila7/claude-code-templatesAdd depth and movement to your websites with 3D graphics. This skill helps you build interactive 3D scenes that run right in the browser. You can create product configurators, 3D portfolios, and immersive websites that grab attention.
It covers popular tools like Three.js, React Three Fiber, and Spline. You will learn how to choose the right tool for your project and keep things fast and smooth. The focus is on making 3D experiences that work well for everyday users.
Web designers and developers can use this skill to add that wow factor without slowing down the page. It balances visual impact with good performance. You will learn practical steps to bring 3D models into your site and make them respond to scrolling or clicks.
Add 3d Web Experience skill to your workflow
Global
mkdir -p ~/.claude/skills/3d-web-experienceProject
mkdir -p .claude/skills/3d-web-experienceSource Repository
More Frontend Development Claude Code Skills
Frontend Designanthropics/skills
Create striking frontend interfaces with bold design and polished code every time
Vercel React Best Practicesvercel-labs/agent-skills
Optimize React and Next.js apps using proven Vercel performance guidelines
Design Taste Frontendleonxlnx/taste-skill
Enforce premium frontend design with metric-based rules and smart component architecture
Vercel Composition Patternsvercel-labs/agent-skills
Clean React components with composition instead of boolean props
Shadcnshadcn/ui
Manage shadcn UI components easily with CLI commands and clear styling rules
Impeccablepbakaus/impeccable
Polish your frontend interfaces with expert design critique and code
Minimalist Uileonxlnx/taste-skill
Build warm minimal web interfaces with editorial typography and flat bento grids
Industrial Brutalist Uileonxlnx/taste-skill
Raw mechanical UIs fusing Swiss print with military terminal aesthetics and high data density