About this skill
Indigo SaaS Landing
A landing page that looks designed on the first run. The skill takes what you already have (a README, a one-paragraph description, a pricing table, a screenshot) and produces a single HTML page in a dark system: Onyx canvas, Electric Indigo for structure and emphasis, Tropical Mint reserved for the one action you want taken on each screen.
How it works. Your agent reads the product facts, asks at most three questions (who it is for, the one outcome, the plans), writes the copy under the rules in SKILL.md, fills templates/landing.html and checks the result: phone width without horizontal scroll, one mint CTA per screen, real content in every section or the section is removed. You get landing.html in your project, ready to open, host or port into a framework.
What you get. Hero with product frame, trusted-by strip, three feature blocks, a three-step how-it-works, three-plan pricing with a highlighted plan, FAQ, footer. All colours and type are CSS tokens at the top of the file, so a rebrand is a five-line edit.
What to change. Swap the Google Fonts link to your own faces; change the tokens; delete sections you do not need (the skill does this for you when a section has no content). The template is plain HTML and CSS, no build step.
Not a fit. Multi-page sites with a CMS, or brands that must stay light-mode.






