Agent skill · design visual · alirezarezvani
landing
Use when asked for a premium single-file HTML landing page with 3D CSS, GSAP scroll effects and parallax. Locks positioning in a short intake, validates the palette with brand_palette_validator.py and the output with html_validator.py.
Why this skill is useful
Generates a premium HTML landing page with specific animations and configurations that the AI wouldn't reliably create on its own.
What it needs
About 8k tokens when loaded. Last updated 2026-08-05. 23,939 stars on the source repository.
What this skill does
Landing — Premium HTML Landing Page Generator Distinct from product-team/skills/landing-page-generator/. That skill outputs Next.js TSX components optimized for conversion / lead-gen. THIS skill outputs a single self-contained .html file optimized for premium visual experience with GSAP animations. Pick by use case. Generate a polished, self-contained .html landing page from a text prompt or brief. The output is ONE HTML file: all CSS inline in <style>, all JS inline in <script>, only external dependencies being Google Fonts + GSAP via CDN. The page is visually distinctive, animated, and production-quality. Invocation Triggers "create a landing page" "build a landing page" "make a landing page for X" "I need a web page for Y" "promotional page" "product page" "one-pager" "web presence" "sales page" "landing for X" Delivery Mode In Claude Code CLI, write the file to disk at the specified path. In Claude.ai web, create an HTML artifact with the same content. Phase 0: Grill-Me Intake (4 forcing questions, one at a time) Dependency-ordered. Each question carries explicit "why I'm asking". Stop condition: max 4. Q1 (root) — Product / Service What's the product or service? Give me the name + a 1–2 sentence elevator pitch — what does it do, and who's it for? Why I'm asking: The headline, subtext, and feature copy all derive from this. "App for productivity" produces generic boilerplate; "Async standup tool for remote engineering teams who hate Zoom" produces a landing page that converts. Refuse mush. If user gives just a name with no pitch, push back once: "What does it do? Who's it for?" If still no pitch after push-back, deliver with explicit "generic positioning" caveat. Q2 (depends on Q1) — Audience Register Who's the audience? Pick one: 1. Technical buyers (engineers, ops, security) 2. Business buyers (PMs, execs, ops leaders) 3. Consumers (general public, hobbyists) 4. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills alirezarezvani/landing--0bb9d6