Skills for DesignBest Claude skills for landing pages
All 9 were scored on one shared brief, a Tally budgeting-app landing page.
Listings
frontend-design (Anthropic)
The biggest jump in the set: the generic purple SaaS template became a page built around one idea (a stack of kraft envelopes), with characterful type, a plain feature list and a comparison table instead of card grids. Its anti-default checklist visibly removed every gradient, emoji and 'Most Popular' tell from the baseline.
Impeccable
Threw out the gradient-and-emoji template for a warm paper 'ledger' world: the hero is a working envelope budget (labelled as sample data), features become one lead argument plus a ruled row, and pricing leads with a dark Plus plan. Distinctive and honest with copy. We followed its written rules but not its full workflow (launcher, question round, reviewer subagent), so a real run could differ.
Hallmark
Turned the centered hero-plus-cards template into a document-style page with a side rail, a real envelope ledger and hairline rules, using its Cobalt theme tokens. Clean and credible, though the result is quieter and less memorable than the strongest entries.
oil-ui
Its 'one protagonist per screen' rule gave the page a memorable hero: a full-width paycheck bar split into colour-coded envelopes, with the palette taken from it. The rest is restrained to the point of sparseness, and we skipped its usual three-direction user check.
web-designer
Its mandatory six-line brief (direction, mood, palette, type, layout, signature) pushed the page into a warm editorial ledger: Fraunces on paper, one tomato accent, hand-drawn tally marks as the signature and alternating paper/ink sections. One of the most distinctive results in the set. The weak spot is its full-viewport section habit, which leaves big empty bands on a short page.
MengTo Skills (GSAP + web design)
Its landing-page skill restructured the page into a conversion argument: outcome headline, risk-reversal line, problem/fix band, benefits, three steps, a six-question FAQ and a repeated final CTA. The GSAP skill only adds a hero entrance that a screenshot can't show. Clearer than the baseline, but visually still a generic SaaS template.
baoyu-design
Following its landing-page rules gave the page a clear single CTA, objection-led sections and honest placeholders for photos and testimonials instead of invented proof. Structurally better than the baseline, but without real photography the screenshot is dominated by striped image slots.
rampstackco/claude-skills
Its landing-page-copy and design-standards skills mostly improved the words and structure: an outcome headline, a problem section, a 3-step mechanism, an objection FAQ and a repeated single CTA. Visually it stays conventional, with a dark hero band and plain card pricing.
web-design (xiaopu-ai)
Its 'Warm Professional' style seed (white, blue #2563EB, Plus Jakarta Sans, 12px radius, soft shadows) produced a tidier, less gimmicky page, but structurally it is still hero, four equal cards and three pricing cards. The difference from the unguided baseline is mostly polish, not direction.
Questions
How is "Claude skills for landing pages" ranked?
Tested tools come first, ordered by the editorial score from one standard brief, a Tally budgeting-app landing page, then by GitHub stars. Tools we did not score follow, ordered by stars. A listing is on this page because it has this task tag.
Does every tool on this page have a score?
9 of 9 listings were scored on that brief. The others are included because they fit the task, not because they were scored.