🌐Web
47
23

web-wave-designer

Creates realistic ocean and water wave effects for web using SVG filters (feTurbulence, feDisplacementMap), CSS animations, and layering techniques. Use for ocean backgrounds, underwater distortion, beach scenes, ripple effects, liquid glass, and water-themed UI. Activate on "ocean wave", "water effect", "SVG water", "ripple animation", "underwater distortion", "liquid glass", "wave animation", "feTurbulence water", "beach waves", "sea foam". NOT for 3D ocean simulation (use WebGL/Three.js), video water effects (use video editing), physics-based fluid simulation (use canvas/WebGL), or simple gradient backgrounds without wave motion.

#animation#ui#svg#css#visual-effects#web-development
Share
Quick Install
>_npx skills add erichowens/some_claude_skills
Documentation
Loading documentation...
Repository
Repositoryerichowens/some_claude_skills
Stars47
Last UpdatedMar 7, 2026
Related Skills
65,700
86,065

frontend-design

Create high-quality, production-ready frontend interfaces with distinct designs using React, HTML, and CSS.

anthropics
anthropics/skills
22,500
11,519

seo-audit

Audits and diagnoses SEO issues on websites, including technical SEO and ranking problems.

coreyhaines31
coreyhaines31/marketingskills
18,700
48

audit-website

Audit websites for SEO, performance, security, and other issues using squirrelscan CLI with LLM-optimized reports.

squirrelscan
squirrelscan/skills
13,300
686

next-best-practices

Next.js best practices including file conventions, RSC boundaries, data patterns, and optimization techniques.

vercel-labs
vercel-labs/next-skills
10,800
11,519

programmatic-seo

Automates SEO-driven page creation using templates and data at scale.

coreyhaines31
coreyhaines31/marketingskills