Claude Skills by nota-america

Build falling leaves that read as leaves, with each one tumbling on

Create minimal framed grid layouts with thin visible boundary

Create a framed dark technical design system with border-gradient

Create a dark container-led technical design system with

Create a dark glass design system with frosted shells, soft beam

Build dark-mode glassmorphism interfaces with readable contrast,

Use when implementing globe.gl (Globe.GL) for 3D globe data

Create a globe-like 3D particle visualization with a dense luminous

Create a gooey blob system using SVG filters where multiple shapes

Build cinematic sticky product storytelling with GSAP

Use when you need to add or debug professional web animations with

Create a high-contrast clean skeuomorphic design system with molded

Create an image-led grid design system with full-bleed photography,

Use when designing or rewriting a high-converting landing page

Create a light-mode technical design system with warm paper

Add and tune animated liquid-metal WebGL borders with the React

Apply seamless infinite marquee loops using duplicated items.

Create masked staggered word reveals on scroll with GSAP

Use when implementing 2D physics interactions with Matter.js,

Create a futuristic, premium, clean dark-blue mesh-gradient design

Create a clean agency design system built from nested containers,

"Create a container-in-container layout system using nested frames.

Add decorative 01, 02, 03 numeric detail markers.

Create or redesign enterprise AI, automation, security, and

Create a clean paper-toned SaaS design system with warm neutrals,

Build a cursor trail whose spacing stays constant at any hand

Use when designing or rewriting a high-converting SaaS pricing page

Create or redesign SaaS and AI product landing pages where a real

Create a layered CSS progressive blur (top or bottom) using

Build cursor-following spotlight reveals that expose a second

Turn any ordered process into a data-driven vertical or horizontal

Build reversible scroll-controlled visual transformations with a

Reveal marked-up text word by word as scroll progress advances,

Add cursor-following fluid WebGPU distortion over an existing image

Create skeuomorphic web UI surfaces with layered gradients, stacked

Use Iconify Solar Duotone Bold icon style.

Create a technical split-screen design system with dual panels,

Create subtle editorial word-by-word text reveal animations where

Use when designing/implementing UI with Tailwind CSS (layout,

Create a modern dark-mode technical design system with matte-black

Create a monochrome technical wireframe design system with exploded

Add accessible animated AI loading and agent-status indicators with

Build a live Three.js landscape that stays quiet behind a subject —

Generate architecture procedurally in Three.js and film it

Put weather into a Three.js scene that reads as weather — rain

Use when building or debugging interactive 3D scenes on the web

Use when embedding and customizing Unicorn Studio interactive

Use when adding animated WebGL background effects with Vanta.js

Create a real 3D WebGL object with geometric mesh depth, physically

Use when creating or refining WebGL-heavy landing pages and you