frontend-design (Anthropic) vs rampstackco/claude-skills

Both after shots are the Tally budgeting-app landing page, made by applying each skill's published instructions. Shared tags: Landing pages.

5 out of 5

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.

Tally landing page made with frontend-design (Anthropic)
Open full after

3 out of 5

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.

Tally landing page made with rampstackco/claude-skills
Open full after

Baseline with no skill · How the brief works

How to install frontend-design (Anthropic)

Works with Claude Code, Codex, Cursor, Gemini and more

/plugin marketplace add anthropics/skills

Plugin install is Claude Code only; for other agents use Copy prompt or copy the skill folder.

Repo root README: registers the anthropics/skills marketplace; then pick the plugin containing frontend-design via 'Browse and install plugins'.

Taken from the project README. Check the source for the latest instructions.

How to install rampstackco/claude-skills

Works with Claude Code, Codex, Cursor, Gemini and more

/plugin marketplace add rampstackco/claude-skills
/plugin install rampstack-skills@rampstack

Plugin install is Claude Code only; for other agents use Copy prompt or copy the skill folder.

Taken from the project README. Check the source for the latest instructions.