saas-landing

Generates a single-page SaaS landing site as self-contained HTML following DESIGN.md tokens.

Updated May 20, 2026
One-click install
npx skills add https://github.com/Keimoshi/Silverloft --skill saas-landing-keimoshi
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: saas-landing
Source: https://github.com/Keimoshi/Silverloft/tree/main/open-design-port/docs/examples/saas-landing-skill
Command: npx skills add https://github.com/Keimoshi/Silverloft --skill saas-landing-keimoshi

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Producing a consistent SaaS marketing landing page requires manually coordinating hero, features, social proof, pricing, and CTA sections while respecting an existing design system, which is slow and error-prone. ## Core Features & Use Cases - Structured Section Workflow: Builds hero, features, social proof, pricing, footer CTA, and footer sections in a fixed order with typed inputs like product_name, tagline, has_pricing, and proof_count. - Design System Enforcement: Reads DESIGN.md for color, typography, layout, and component tokens, refusing to invent hex values or add undeclared shadows. - Self-Contained Output: Writes a single index.html with inlined CSS, semantic HTML, no external JS, and data-od-id attributes for comment-mode targeting. - Use Case: Provide a product name and tagline, and receive a responsive landing page that matches your project's declared palette and typography at 1440w, 768w, and 375w breakpoints. ## Quick Start Ask the agent to generate a SaaS landing page for your product using the saas-landing skill with your product name and tagline.

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 an AI agent?

Provide the product_name and tagline inputs, and the skill produces a single index.html with hero, features, social proof, pricing, and footer CTA sections. It reads your DESIGN.md first so all colors and fonts match your design system.

What inputs does the saas-landing skill require?

It requires product_name and tagline strings, plus optional inputs has_pricing (boolean, default true) and proof_count (integer 0-6, default 3). Parameters hero_density and accent_strength control spacing and accent opacity.

Does the skill work without a DESIGN.md file?

No. The workflow instructs the agent to stop and ask for a DESIGN.md if one is missing, since all colors, typography, and layout rules must come from its declared tokens rather than invented values.

Can the generated landing page use external CSS or JavaScript files?

No. The output must be a single self-contained index.html with all CSS inlined in a style block and no external JS. Separate CSS, JS, or README files are explicitly disallowed.

What are the limitations of this landing page skill?

It produces only a static single-page prototype, not a multi-page site or wired backend. It also depends on a well-formed DESIGN.md and limits accent color usage to the hero, footer CTA, and links.