Art & Design

Final landing-page QA pass against strategy, proof provenance, mechanism clarity, trust preservation, accessibility, and anti-slop. Gates whether a page is shippable or draft-only.

Expert in building portfolios that actually land jobs and clients - not just showing work, but creating memorable experiences. Covers developer portfolios, designer portfolios, creative portfolios, and portfolios that convert visitors into opportunities.

Brand-first landing page designer — runs a brand-identity interview (colors, typography, shape language), then generates and iterates on a polished landing page via Stitch with deployment-ready HTML. Use when the user asks to create, design, or build a landing page, homepage, or marketing page and has no established visual direction. Skip when they have a design mockup, need a dashboard or app UI, are working at component level, building a multi-page app, or restyling with known design tokens — use frontend-design instead.

Create high-converting landing pages using 10x Team's multi-agent methodology. Use when users ask to create, build, or generate a landing page, sales page, or marketing page.

Designs and implements marketing landing pages with clear hierarchy, conversion-focused layout, accessible typography and color, seamless section flow (gradient fades and hairlines instead of heavy boxes), subtle transitions, responsive behavior, and polished interaction patterns. Use when building or refining home pages, product landings, hero sections, pricing, waitlists, seamless or anti-boxy UI, section transitions, or when the user asks for landing page UI, UX, or industry-grade marketing design.

Use when the task is to design a campaign page, 营销落地页, launch page, feature promotion page, webinar signup page, or lead generation page. Focus on one conversion goal, persuasive sequencing, proof, CTA rhythm, and low-friction form design.

Run a structured 5-pass finishing audit on any website before launch — scoring visual polish, technical foundation, UX completeness, content quality, and cross-device readiness on 100 points. Use when: **Pre-launch** - Final validation before going live; **Post-redesign** - Verify nothing broke during the overhaul; **Client handoff** - Structured proof that the site is ready; **Quarterly review** - Catch accumulated debt; **Single-pass focus** - Run just Pass 2 after a perf sprint

Optimize landing pages for conversions, performance, and SEO. Use when improving landing pages, increasing conversions, or optimizing page performance.

Create distinctive, high-converting landing pages that combine proven conversion elements with exceptional design quality. Build beautiful, memorable landing pages using Next.js 14+ and ShadCN UI that avoid generic AI aesthetics while following the 11 essential elements framework.

Build SaaS landing pages optimized for go-to-market conversion with a dark, minimal, Midday/Linear/cer0.ai aesthetic. Use when the user asks for a landing page, marketing site, homepage, or SaaS website with a sleek dark theme; or when they reference cer0.ai, Midday, Linear, or Vercel-style design as inspiration.

Use when creating or refining WebGL-heavy landing pages and you need to steer toward a specific visual outcome (premium, technical, playful, cinematic) while balancing conversion clarity, performance, and implementation complexity.

Create distinctive, high-converting landing pages that combine proven conversion elements with exceptional design quality. Build beautiful, memorable landing pages using Next.js 14+ and ShadCN UI that avoid generic AI aesthetics while following the 11 essential elements framework.

Create distinctive, high-converting landing pages that combine proven conversion elements with exceptional design quality. Build beautiful, memorable landing pages using Next.js 14+ and ShadCN UI that avoid generic AI aesthetics while following the 11 essential elements framework.

Write conversion-focused landing page or homepage copy for any product, service, or solution. Use when the user asks to write, create, draft, or generate landing page content, homepage copy, website copy, product pages, or any marketing page that needs to convert visitors. Also use when the user provides project details, client briefs, or context and asks for web copy or page content.

This skill should be used when the user wants to create a landing page, sales page, home page, lead-capture page, or any conversion-oriented page. Trigger phrases include "build a landing page", "make a sales page", "create a home page for my product", "I need a page to sell X", "landing for my SaaS/course/service", "lead capture page". It asks up to 3 questions, applies a proven psychological section order, generates the copy, and produces ready-to-use components.

Expert marketing guidelines, copy optimization, visual hierarchy, and Conversion Rate Optimization (CRO) strategies for high-converting landing pages.

Single-page SaaS landing with hero, features, social proof, pricing, and CTA. Respects the active DESIGN.md color/typography/layout tokens. Trigger keywords: "saas landing", "marketing page", "product landing".

Generates a complete SaaS landing page with hero, features, social proof, pricing, and footer CTA. Produces a .tsx file using Neus UI Button, Card, and Link components with custom nav header. NO AppTemplate — this is a public marketing page, not an app dashboard. Use whenever the user asks for: "landing page", "página de producto", "saas landing", "hero + features", "landing de mi app", "página de presentación del producto", "marketing page", "website de mi SaaS", "product page". Always use for SaaS/product marketing pages.

How to design a landing page. Use when the user asks to build a website or marketing page.

Create distinctive, high-converting landing pages that combine proven conversion elements with exceptional design quality. Build beautiful, memorable landing pages using Next.js 14+ and ShadCN UI that avoid generic AI aesthetics while following the 11 essential elements framework. 트리거 — "고전환 랜딩페이지 설계", "랜딩페이지 만들어", "11요소 랜딩 가이드", "전환율 높은 랜딩".

The Master Orchestrator. A multi-agent workflow system that transforms any website from sloppy AI output into a million-dollar production-ready experience. Analyzes the entire website, plans the transformation, dispatches specialist agents section by section, and validates the result through iterative quality gates.

Complete system for building high converting landing pages: intake questions, page structure, layout selection, conversion copywriting, SEO, plus strict visual rules for typography, spacing, corner radius, backgrounds, hero layout, icons, and motion. Use this skill whenever building, editing, styling, reviewing, or writing copy for ANY landing page, marketing site, web UI, page section, component, or prototype, even when the user does not mention design, conversion, tokens, or a design system. Always consult it before choosing page sections, headlines, CTAs, fonts, font sizes, spacing values, border radii, background colors, icons, or transitions.

Design and generate SaaS landing pages with conversion-focused layouts

Generates a premium single-page HTML landing page with 3D CSS animations, GSAP scroll effects, and mouse-parallax depth.