SuperAPI AI Directory

prototype-web

General & other

View repository

Updated 10-16 01:36

About this skill

[Template: Web Product Prototype]

  • Output a complete product landing page.
  • Sections: Top Nav (logo + navigation + CTA button) → Hero (large headline + subheadline + dual CTA + visual placeholder) → Features (3-6 feature cards) → How it works (steps) → Social proof (logo wall / testimonials) → Pricing (optional) → Footer.
  • Use modern SaaS design trends: large font sizes, soft gradients, glassmorphism cards, scroll-into-view entrance animations (pure CSS is enough).
  • Responsive: single column on mobile, multiple columns on desktop; handle at least md: breakpoints.
  • Add interactions: nav changes color on scroll; feature cards lift on hover; FAQ can expand as an accordion (use <details>)。
  • This is a high-fidelity prototype, it should make people feel "it can go live tomorrow".