saas-landing

Generate a single-page SaaS landing page with inlined CSS and data-od-id attributes.

4|Updated Apr 14, 2026
One-click install
npx skills add https://github.com/Bailipa/EZTor_FULLBLOOD --skill saas-landing-bailipa
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: saas-landing
Source: https://github.com/Bailipa/EZTor_FULLBLOOD/tree/main/.opencode/skills/open-design/saas-landing
Command: npx skills add https://github.com/Bailipa/EZTor_FULLBLOOD --skill saas-landing-bailipa

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Quickly craft a polished, single-page SaaS landing that communicates value and accelerates go-to-market, while conforming to a design system.

Core Features & Use Cases

  • Single-page structure with hero, features, social proof, pricing, and CTA to drive conversions.
  • Design-system aware: color, typography, and layout tokens sourced from DESIGN.md to ensure visual consistency.
  • Configurable inputs (product_name, tagline, has_pricing, proof_count) produce a ready-to-publish index.html.

Quick Start

Create the index.html by providing product_name and tagline, and let the agent generate a complete landing page.

Frequently Asked Questions about saas-landing

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate a SaaS landing page with hero, pricing, and CTA sections?

To generate a SaaS landing page, provide your product_name and tagline inputs. The Skill outputs a production-ready single-page index.html featuring hero, features, social proof, pricing, and CTA sections with inlined CSS ready for deployment.

What is a design-system aware landing page and how does it maintain visual consistency?

A design-system aware landing page sources color, typography, and layout tokens from DESIGN.md to maintain visual consistency. This ensures your SaaS marketing page conforms to predefined constraints rather than using arbitrary styling values.

Can I customize the social proof and pricing sections of the generated landing page?

Yes, you can customize the landing page sections by configuring the has_pricing and proof_count inputs. These parameters control whether a pricing section appears and how many social proof entries generate on your SaaS page.

Does the generated SaaS landing page require external CSS files or dependencies?

No, the generated SaaS landing page requires no external CSS files or dependencies. The Skill outputs a single index.html with all CSS inlined, allowing direct publishing without managing additional stylesheet references.

What is the best way to create a high-conversion marketing page for a SaaS product launch?

The best way to create a high-conversion marketing page is using a single-page SaaS landing structure with hero, features, social proof, pricing, and CTA sections. This layout communicates value and accelerates go-to-market by driving conversions.

Why does the generated HTML include data-od-id attributes in the landing page code?

The generated HTML includes data-od-id attributes for host tooling integration. These attributes allow the hosting platform to track, manage, or modify specific landing page elements without altering the visual design or inlined CSS structure.