Download

Skill UI

Browse and discover 19424+ curated skills

All Development Artificial Intelligence Design & Creative Product & Business Data Science Marketing Soft Skills Productivity Engineering Languages

Search Hero , found 15 results

Default Newest Most Downloaded

Unsplash Photo Integration for Design

unsplash-integration

sickn33/antigravity-awesome-skills

This skill provides seamless integration with Unsplash, offering access to a massive, curated collection of high-quality, free-to-use professional photography. It is essential for elevating the visual quality of websites, apps, and marketing designs. Use it to source artistic, premium imagery for hero sections, product galleries, and editorial layouts, eliminating the need for generic placeholders and cliché stock photos.

Epic Cinematic Web Design

alirezarezvani/claude-skills

Build cinematic landing pages and hero sections with parallax, scrollytelling, text reveals, and 2.5D depth using only CSS, JavaScript, and flat assets.

Art-Directed Frontend UI Design Generation

image-taste-frontend

Leonxlnx/taste-skill

This skill acts as an elite Art Director for generating premium, highly actionable, and structurally sound frontend design references. It moves beyond generic AI aesthetics by enforcing principles like strong hierarchy, generous spacing, and image-led composition. Ideal for creating realistic, development-ready concepts for landing pages, hero sections, and multi-section websites.

Image Creation and Optimization

coreyhaines31/marketingskills

Expert skill for creating, editing, and optimizing marketing images using AI generation models (Flux, Midjourney, Ideogram, Gemini, etc.) and design tools. Covers blog heroes, social graphics, product mockups, banners, and brand assets with best practices for prompts, tool selection, and optimization.

Generate Professional Blog Article

nexu-io/open-design

Generates a comprehensive, long-form, single-page article optimized for editorial reading. Ideal for developing high-quality blog posts, case studies, or detailed essays. The skill enforces structured design elements, including mastheads, hero images, pull quotes, figures, and related content sections, resulting in a professional, magazine-like aesthetic.

Styled Email Marketing Template

email-marketing

nexu-io/open-design

Generates a high-conversion, single-column HTML email optimized for product launches, newsletters, and brand announcements. This skill structures the email with key components including a masthead, hero image block, dynamic headline lockup, specifications grid, and a single primary CTA, ensuring a professional and cohesive marketing message.

Generating Animated Motion Frames

nexu-io/open-design

This skill generates a single, full-bleed, looping motion composition using only inline CSS animations. It functions as a high-fidelity poster frame, specifically designed to be captured by keyframe exporters (like HyperFrames or Lottie) to create animated hero videos, title cards, or video posters for marketing campaigns. Ideal for briefs requiring sophisticated 'motion design' or 'animated hero' assets.

SEO Image Generation

AgriciDaniel/claude-seo

Generate production-ready images for SEO: OG/social previews, blog heroes, schema images, product photos, infographics, and more. Uses Gemini via nanobanana-mcp, with aspect ratios, resolutions, and domain modes optimized for each use case. Includes post-generation SEO checklist for alt text, file naming, WebP conversion, schema markup, and OG meta tags.

Banner Design

nextlevelbuilder/ui-ux-pro-max-skill

Design banners for social media, ads, website heroes, creative assets, and print. Generate multiple art direction options with CSS-built, user-supplied, or optionally generated visuals. Suitable for platforms like Facebook, Twitter/X, LinkedIn, YouTube, Instagram, Google Display, and web.

Liquid Background Hero Design

frame-liquid-bg-hero

nexu-io/html-anything

A comprehensive guide for creating cinematic, fluid background hero sections using advanced web technologies. It leverages WebGL, complex CSS gradients, and Canvas to generate dynamic, atmospheric visuals. Ideal for video intros, SaaS landing pages, and marketing posters that require a sophisticated, high-impact background.

Animated Motion Hero Frames

nexu-io/html-anything

A modular and highly customizable looping CSS animation template designed for marketing hero sections and video openers. It combines multiple dynamic elements, such as rotating type rings, animated globes, ticking timers, and floating parallax labels, allowing designers to create modern, cinematic, and attention-grabbing digital visuals.

High-Fidelity SaaS Landing Page Template

nexu-io/html-anything

A comprehensive, clickable web prototype designed for modern SaaS landing pages. This template includes all essential sections—from Hero to Pricing—and incorporates advanced UI/UX trends like glassmorphism, subtle animations, and full responsiveness. It is ideal for product concept validation, design presentations, and gathering early stakeholder feedback, giving the appearance that the product is ready for launch.

Language