# Skillsmart > Curated visual skills for AI agents (Claude Code, Cursor, Codex): landing pages, decks, posters, social images, brand boards and motion. Every skill is security-checked and shows real example outputs. To install a skill for a user: read https://skillsmart.io/i/ and follow it. Users sign in at https://skillsmart.io and copy a one-line prompt from the skill's page. To connect Skillsmart and help a user choose a skill: read https://skillsmart.io/agent.md and follow it. ## Web - [Glass Hero](https://skillsmart.io/skills/glass-hero): A landing-page hero around an abstract 3D glass object that splits light into vivid rainbows and turns under your cursor. (free) - [Character Landing Page](https://skillsmart.io/skills/character-landing): Turn one picture into a landing page with a character that watches your cursor and poses as you scroll. (free) - [Cloth Hero](https://skillsmart.io/skills/cloth-hero): A landing-page hero where your picture becomes real cloth — vinyl, curtains, beads or silk — that ripples under the cursor. (free) - [Linework Hero](https://skillsmart.io/skills/linework-hero): Draw your system as an animated isometric diagram with real labels and moving packets, made to be the hero of a page. (free) - [Type Riot](https://skillsmart.io/skills/type-riot): Turn one word into an animated typographic hero whose letters act the word out under your cursor. (free) - [Hover Reveal](https://skillsmart.io/skills/hover-reveal): A fashion-grade landing page where every picture hides a second one, revealed under your cursor in a different way per look. ($4.99) - [Puff Hero](https://skillsmart.io/skills/puff-hero): A landing-page hero whose word is in puffy, overinflated 3D letters that lean toward your cursor and jiggle when you touch them. (free) - [ASCII Landing Page](https://skillsmart.io/skills/ascii-landing): Turn one picture into an animated landing page where your subject is redrawn live in ASCII, braille or halftone glyphs. ($4.99) - [Bento Feature Grid](https://skillsmart.io/skills/bento-grid): Turn a dull feature list into a bento-box grid of tiles with tiny visuals and smooth hover motion. (free) - [Pixel Game](https://skillsmart.io/skills/pixel-game): A retro pixel-art arcade game that reskins an old classic with a news story, made for vertical video: autoplay, replays, share cards. (free) - [Wave Shader](https://skillsmart.io/skills/wave-shader): A landing-page hero over a live, wavy gradient: silk, an aurora, a sunset sea or a silky ribbon, drifting slowly under your cursor. (free) - [Glass Shader](https://skillsmart.io/skills/glass-shader): A landing-page hero with glass over the page: reeded, fogged, beaded with drops or frosted into tiles, bending what's behind it. (free) - [Fluid Shader](https://skillsmart.io/skills/fluid-shader): A landing-page hero around a gentle liquid you can touch: glowing dye, liquid chrome, marbled ink or a soap film. (free) - [Exploded View](https://skillsmart.io/skills/exploded-view): A scroll page that takes your product apart: it lifts out of a real photo, splits into labelled parts, then lands whole somewhere new. (free) ## Slides - [Editorial Pitch Deck](https://skillsmart.io/skills/editorial-pitch-deck): Magazine-quality pitch decks, portfolios and reports — exported to PDF and editable PowerPoint. ($4.99) ## Social - [Device Mockup Scenes](https://skillsmart.io/skills/device-mockups): Drop in your screenshots and get polished phone, laptop and browser scenes for launches and posts. (free) - [OG Card Set](https://skillsmart.io/skills/og-card-set): A matching set of link-preview images for every page of your site, plus the meta tags to use them. (free) - [Social Carousel](https://skillsmart.io/skills/social-carousel): Turn one idea into a swipeable Instagram or LinkedIn carousel with a hook, clear points and a call to action. (free) ## Poster - [Type Poster](https://skillsmart.io/skills/type-poster): Bold Swiss-style typographic posters for events, exported as print-ready PDF and high-res PNG. (free) ## Brand - [Brand Board](https://skillsmart.io/skills/brand-board): A one-page brand board from a name and three adjectives: wordmark, palette, type and voice. (free) ## Motion - [Kinetic Type Teaser](https://skillsmart.io/skills/kinetic-type-teaser): A 10–15 second kinetic typography teaser video for launches and announcements, no footage needed. (free) ## Pages - [All skills](https://skillsmart.io/skills) - [Pricing](https://skillsmart.io/pricing) - CLI: `npx skillsmart@latest add ` (npm package "skillsmart", Node.js 20+)