Claude Skills by nota-america

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,

Create cinematic scroll-driven landing pages with Lenis smooth

Create a clean minimal beige light-mode design system with warm

Use when adding a lightweight interactive globe with cobe (canvas

Use Iconify Simple Icons logos (64x64) instead of text logos.

Add vertical container-size guide lines with mini corner squares

Apply diagonal-cut corners and chamfered edges to buttons, cards,

Create a corner-anchored laser composition with thin beams, a

Apply CSS alpha masking with linear-gradient for horizontal or

Apply subtle gradient-border treatments for premium web surfaces.

Create a dark-blue clean design system with strong contrast, cobalt

Create a dark glass layout system with frosted premium shells,

Create a dark monochrome procedural background with enlarged square

Create a dark premium design system that combines near-black

Create or redesign creative agency, production studio,

Create or redesign creative-studio, agency, photographer, artist,

Create or redesign appointment-based service websites for salons,

Blend editorial magazine composition with precision product-tech