Sign in
← Back to marketplace
SP

Single-Prompt Landing Page

One prompt yields a modern responsive landing page you can iterate visually with plain English.

Designp4selling-with-nas
Or just install the prompt above — no subscription needed

About this skill

name: single-prompt-landing-page description: One prompt yields a modern responsive landing page you can iterate visually with plain English. Use when working on single-prompt landing page.

Single-Prompt Landing Page

Takes a positioning statement, then produces a branded landing page you can re-prompt to add logos, tweak palette, or restyle after a reference image. Iteration is conversational and holds state across edits. Use to skip the initial 'blank page' problem and get to a working hero, features, and CTA fast.

What you get

  • Responsive landing page
  • Component-ready code
  • Reference-styled hero
  • Iteration-friendly conversation state
  • Mobile and desktop
  • Deploy-ready file

Customize your output

  • Positioning: free text
  • Palette: hex list
  • Logo: upload
  • Reference site: URL
  • Framework: Next.js, Astro, plain HTML
  • Density: airy, balanced, dense

Example output

'A we-scale-Shopify-brands-with-profitable-Meta-ads hero with animation, styled to match a reference SaaS site.'

Best for

Founders, agencies, marketers.

Note: High confidence. Different from Griffin's frontend-design in that it is one-prompt, not a design-thinking pass.

Source: Selling With Nas · https://www.youtube.com/watch?v=msaaFo_wg-Y Category: Design · Priority: P4

SKILL.md preview

---
name: single-prompt-landing-page
description: One prompt yields a modern responsive landing page you can iterate visually with plain English. Use when working on single-prompt landing page.
---

# Single-Prompt Landing Page

Takes a positioning statement, then produces a branded landing page you can re-prompt to add logos, tweak palette, or restyle after a reference image. Iteration is conversational and holds state across edits. Use to skip the initial 'blank page' problem and get to a working hero, features, and CTA fast.

## What you get

- Responsive landing page
- Component-ready code
- Reference-styled hero
- Iteration-friendly conversation state
- Mobile and desktop
- Deploy-ready file

## Customize your output

- **Positioning**: free text
- **Palette**: hex...