Claude Skills by nota-america

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

Create a fixed full-screen WebGL laser background effect with a

"Add the Shaders WebGPU mouse effect used for the Tidal Commons

Create a minimal agency design system with a disciplined editorial

Add a restrained particle atmosphere inside one section with

Create an on-scroll animation trigger using IntersectionObserver

Use when designing or implementing product-grade web motion like

Create a dark atmospheric background with drifting vertical light

Create a perspective WebGL background grid with fading lines,

Create React loading, processing, selected, current, focus, and

Apply exact Tailwind arbitrary shadow utilities for polished,

Create a clean modern design system with a luminous blue sky

Create a clean dark glass layout system with a thin blue laser

Create an archival book-reader design system with serif-led pages,

Create a bright-green technical design system with structured split

Art-direct and implement distinctive, motion-rich marketing,

Create premium cinematic web motion systems with GSAP,