Claude Skills by nota-america

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

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,