Lightweight 3d Effects
freshtechbro/claudedesignskillsAdd subtle 3D depth to your web pages without slowing them down. This skill uses three lightweight libraries: Zdog, Vanta.js, and Vanilla-Tilt.js. They create decorative 3D illustrations, animated backgrounds, and parallax tilt effects. The results look great and keep your site fast.
These tools are perfect for hero sections, card tilt effects, and landing page visuals. Zdog makes pseudo-3D vector shapes. Vanta.js powers animated 3D backgrounds. Vanilla-Tilt.js adds smooth parallax tilt that responds to mouse movement. All of them focus on performance and easy setup.
Anyone building a modern website can use this skill. It adds visual interest without the weight of full 3D engines. The effects are subtle but make a big difference in user experience.
Add Lightweight 3d Effects skill to your workflow
Global
mkdir -p ~/.claude/skills/lightweight-3d-effectsProject
mkdir -p .claude/skills/lightweight-3d-effectsSource Repository
More Design & UI/UX Claude Code Skills
Sleek Design Mobile Appssleekdotdesign/agent-skills
Turn your app ideas into mobile screens just by describing them
Lark Whiteboardlarksuite/cli
View, edit, and export Lark whiteboards as images or code easily
Brainstormingobra/superpowers
Brainstorm your ideas into a clear design and get approval before building anything
Ui Ux Pro Maxnextlevelbuilder/ui-ux-pro-max-skill
All-in-one UI/UX design assistant with styles, colors, fonts, and guidelines for any platform
Prototypemattpocock/skills
Quick throwaway prototypes to test logic or UI before building
Redesign Existing Projectsleonxlnx/taste-skill
Upgrade your existing website or app with a professional design audit
Extract Design Systemarvindrk/extract-design-system
Reverse engineer a website's design into ready-to-use token files
Stitch Design Tasteleonxlnx/taste-skill
Create premium, non-generic UI designs with strict color, typography, and layout rules