/web--graphic-design

/web--graphic-design is a Claude Code skill in the Web & Design section. Turns a brief into self-contained HTML, CSS and SVG designs: mockups, social graphics, brand kits, pitch decks and infographics, with three variations.

Author's description

AI Design Studio — generate production-quality mockups, social graphics, brand kits, pitch decks, infographics, and more from natural language prompts

How to ask for it

/web--graphic-design create a mockup of my app to show investors
/web--graphic-design generate Instagram graphics for my launch
/web--graphic-design design a pitch deck for my startup

Install

curl -fsSL https://raw.githubusercontent.com/sgomez-dev/claude-skills/main/install.sh | bash

After installing with the script, type /web--graphic-design. Using Cursor, Windsurf or Codex? Platform guides

Demo coming soon

/web--gsap-creative-galleryAnimated galleries with GSAP
Builds interactive image galleries with GSAP: FLIP filter transitions, infinite scroll, animated masonry layouts and lightbox effects.
Built here
/web--gsap-hero-cinematicCinematic hero section with GSAP
Builds a website hero section with GSAP: layered reveals, 3D parallax, animated typography and video backgrounds, with a reduced-motion fallback.
Built here
/web--gsap-micro-interactionsMicro-interactions with GSAP
Implements micro-interactions in React with GSAP: custom cursors, magnetic buttons, tilt cards, spotlight effects and scroll indicators.
Built here
/web--gsap-page-transitionsPage transitions with GSAP
Builds page transitions for React and Next.js with GSAP: overlay wipes, shared-element transitions and coordinated route animations.
Built here
/web--gsap-preloaderAnimated preloaders with GSAP
Builds animated loading screens with GSAP: progress bars, percentage counters, animated logos, skeleton screens and cinematic intro sequences.
Built here
/web--gsap-scroll-experienceScroll animations with GSAP
Builds scroll-driven experiences with GSAP ScrollTrigger: parallax layers, pinned sections, horizontal scroll and timelines scrubbed by scroll position.
Built here

How to ask for it

Install

More from this section