$4.99Airy Flight Booking Landing Page
An editable flight-booking landing page with an open, travel-led hero, clear search controls, and concise destination details. Designed for brands that want trip planning to feel straightforward and welcoming.
Web page skills
103 skills that have Claude Code produce a finished page — landing pages, portfolio sites, UI blocks and data views. They render locally and cost nothing to run.
103 skills · 32 scored 5.00 · 12 free · every one rendered and reviewed
$4.99
$4.99Alpine Travel Agency Landing Page
A high-craft landing page system for a fictional alpine travel agency. It combines an editorial collage, restrained contour details, practical trip data, and a labeled route finder so the brand feels adventurous while the conversion path stays clear.
$4.99Amber Scrapbook Suite Landing Page
A distinctive launch page for a fictional creative workspace, styled like a carefully assembled amber scrapbook while staying clear, responsive, and product-focused.
$4.99Case Note Testimonials UI Block
A reusable testimonial section that turns approved customer quotes into concise, human case notes for product and service websites.
$4.99Coinhaven Crypto Landing Page
A light, dashboard-led launch page for a fictional crypto portfolio workspace, built to explain the product clearly and convert cautious early adopters.
$4.99Collage Creative Portfolio Site
A signature portfolio website for an independent creative studio, combining editorial typography with a tactile collage system. It makes selected work, process, and contact paths feel art-directed without turning the page into an unreadable mood board.
$4.99Compact Testimonial Grid UI Block
A reusable testimonial section for launch and campaign pages, arranged as a compact editorial grid on a teal canvas. Cream cards, clear attribution, and restrained clay accents make customer proof easy to scan without adding surrounding page chrome.
$4.99Cut-Paper Collective Site
Create a tactile editorial website for a small creative collective that turns cultural stories, places, and people into memorable visual identities, campaigns, and printed matter.
$4.99Dark Stat Hero UI Block
A polished, reusable stats-led hero for product launches and software landing pages, pairing a clear outcome headline with a standout metric and restrained supporting data.
$4.99Editorial Dev Portfolio Landing Page
A monochrome, image-led portfolio landing page for developers and interface makers who need a distinctive editorial presence. It turns selected work into concise journal entries with clear outcomes, process notes, and a focused contact path.
$4.99Editorial Testimonial Spread UI Block
A reusable, responsive testimonial section styled like a calm editorial spread: warm charcoal surfaces, cream typography, teal glow, and carefully paced customer quotes. Use it to add human proof to launch pages and marketing campaigns.
$4.99Ember E-Bike Store Site
Create an editable e-bike storefront with a distinctive dark instrument-panel look, full-bike imagery, model discovery, technical comparison, and credible purchase guidance.
$4.99Fanned Testimonial UI Block
A reusable testimonial section with warm charcoal cards fanned across an ink-dark canvas and restrained teal accents. Designed for product launches and marketing pages that need social proof with an editorial, human feel.
$4.99Feature Testimonial Mosaic UI Block
A reusable, editorial-style testimonial mosaic for product launches and marketing pages, with warm paper tones, crisp customer quotes, and restrained teal accents.
$4.99Finora Banking Landing Page
A dark-first banking landing page with an editable account dashboard, precise product copy, clear pricing, and an access-request path. Designed for founders launching a financial product without relying on generic device mockups or unsupported trust claims.
FreeMasonry Testimonial Wall UI Block
A responsive, editorial testimonial section with varied quote heights, warm paper surfaces, and restrained teal details. Designed for product launches and marketing pages that need customer proof to feel human and easy to scan.
FreeMinimal Motion Hero UI Block
A reusable hero section for software launches and product sites, styled with a saturated teal ground, warm editorial typography, and restrained, accessible motion.
$4.99Minimal Testimonial Carousel UI Block
A single reusable testimonial carousel section with warm-neutral surfaces, a quiet noise texture, and precise teal accents. Designed for credible customer proof on product launches, campaign pages, and marketing sites.
$4.99Molten Glass Landing Page
A premium landing-page skill for presenting a fictional digital product through warm translucent surfaces, fluted glass geometry, grainy gradients, and shader-lit depth. It is built for focused launches where visual distinctiveness must support a clear story and a strong conversion path.
$4.99Mono Designer Portfolio Site
An editorial portfolio for a solo brand designer. A bold nameplate, generous project imagery, numbered work index, and compact service details make the work memorable without getting in its way.
$4.99Numbered Testimonial Slider UI Block
A polished, reusable testimonial section with numbered slide controls, warm-neutral surfaces, and restrained teal accents. Designed for product launches and marketing pages where customer proof should feel credible, easy to scan, and simple to edit.
$4.99Portrait Overlay Testimonials UI Block
A reusable testimonial section with offset portrait frames and concise quotes on warm cream panels against a deep teal ground. Its desktop layout uses the available width while preserving a clear mobile reading order.
$4.99Portrait Switcher Testimonials UI Block
A reusable marketing testimonial section with an interactive portrait switcher, editorial typography, and warm-neutral surfaces accented in teal. Designed for product launches and campaign pages that need customer proof in a polished, page-ready block.
$4.99Portrait Tile Testimonials UI Block
A portrait-led testimonial section with concise customer stories, clear attribution, and editable responsive styling for launch and campaign pages.
What these skills make
Landing and marketing pages
Single pages built to carry one message and one call to action.
Portfolio and site templates
Multi-section sites for showing work.
UI blocks and data views
Components and dashboards meant to drop into something larger.
How these are scored
Every skill is installed in a clean workspace, run against its own demo prompt, and the result is rendered the way you would get it. A vision model then reviews those frames and scores them 1–5 on legibility, composition and whether the output matches what the skill promised. Nothing below 4 is published. The score is not a popularity number — there are no install counts or stars here, because this catalog is new and inventing those would be worse than leaving them out.
How to use one in Claude Code
1. Install it
Open the skill and copy the install command into Claude Code. It writes the skill into ~/.claude/skills.
2. Ask in plain words
Describe what you want. The skill supplies the structure and the style; you supply the content.
3. Check the output
Every skill lists what it needs from you and what it hands back, so you can tell a good run from a bad one.
All 103 web page skills
- Quartz SaaS Landing Page · 5.00
- Rated Testimonial Row UI Block · 5.00
- Records Data Grid UI Block · 5.00
- Single Frame Hero UI Block · 5.00
- Sky Sports Club Landing Page · 5.00
- Skyline Hero UI Block · 5.00
- Slate Admin Console UI Block · 5.00
- Tilted Testimonial Card UI Block · 5.00
- Activity Calendar Chart UI Block · 4.00
- Angled Gallery Hero UI Block · 4.00
- Aurawave Audio Landing Page · 4.00
- Basalt Dev Portfolio Site · 4.00
- Beacon SaaS Landing Page · 4.00
- Bento Designer Portfolio Site · 4.00
- Bluewave Podcast Landing Page · 4.00
- Cadence Marketing Landing Page · 4.00
- Cloud Jet Travel Landing Page · 4.00
- Cobalt Serif Freelancer Site · 4.00
- Colour Block Testimonials UI Block · 4.00
- Confetti Marketing Landing Page · 4.00
- Contact Bar Hero UI Block · 4.00
- Contexa CMS Landing Page · 4.00
- Dark Balance Chart UI Block · 4.00
- Dark Portrait Testimonials UI Block · 4.00
- Drifting Marks Hero UI Block · 4.00
- Editorial Ink Landing Page · 4.00
- Editorial Personal Brand Landing Page · 4.00
- Editorial Studio SaaS Landing Page · 4.00
- Event Bar Chart UI Block · 4.00
- Fluxon Automation Landing Page · 4.00
- Green Pharmacy Storefront Site · 4.00
- Grid-Paper Beverage Brand Site · 4.00
- Hairline Grid Portfolio Site · 4.00
- Harbor SaaS Suite Landing Page · 4.00
- Illustrated Agritech App Landing Page · 4.00
- Indigo Ledger Landing Page · 4.00
- Inkwell Portfolio Site · 4.00
- Integration Grid Hero UI Block · 4.00
- Interactive System Map Web Page · 4.00
- Lime-Frame Designer Portfolio Site · 4.00
- Liquid Glass Landing Page · 4.00
- Loopwise SaaS Landing Page · 4.00
- Lumen Agency Landing Page · 4.00
- Magnetic Lattice Hero Landing Page · 4.00
- Meridian Marketing Landing Page · 4.00
- Obsidian Cinema Landing Page · 4.00
- Orbit Admin Dashboard UI Block · 4.00
- Orbiting Portrait Testimonials UI Block · 4.00
- Paired Column Chart UI Block · 4.00
- Paper-Texture Resume Site · 4.00
- Particle Field Hero UI Block · 4.00
- Profile Card Testimonial Reel UI Block · 4.00
- Project Knowledge Graph Web Page · 4.00
- Royal Blue Pet Store Site · 4.00
- Sage Sneaker Store Site · 4.00
- Scattered-Cards Magazine Site · 4.00
- Scrapbook Resume Site · 4.00
- Silver Robot Product Site · 4.00
- Single Testimonial Card UI Block · 4.00
- Sketchnote Pricing UI Block · 4.00
- Skyline Developer Journal Landing Page · 4.00
- Social Feed Testimonials UI Block · 4.00
- Split Frame Portfolio Site · 4.00
- Spreadsheet Data Grid UI Block · 4.00
- Sticker Agency Site · 4.00
- Sticker Gifting App Landing Page · 4.00
- Strip Hero UI Block · 4.00
- Testimonial Columns UI Block · 4.00
- Tiles Hero UI Block · 4.00
- Tilted Photo Testimonials UI Block · 4.00
- Typed Testimonial Row UI Block · 4.00
- Vaultic Fintech Landing Page · 4.00
- Doodle Developer Portfolio Site · 3.50
- Funnel Area Chart UI Block · 3.50
- KPI Line Panel UI Block · 3.50
- Playful UI UX Portfolio Site · 3.50
- Research Project Homepage Site · 3.50
- Tracklane Devtool Landing Page · 3.50
- Spectrum Monitor Chart UI Block · 3.00
Common questions
Do these cost anything to run?
No. They render locally and need no generation key.
Which agents do they work in?
Claude Code, Codex, Cursor, Gemini CLI and OpenCode.