Skills for Design Both after shots are the Tally budgeting-app landing page, made by applying each skill's published instructions. Shared tags: Visual direction, Landing pages.
5 out of 5
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.
4 out of 5
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.
Baseline with no skill · How the brief works
Works with Claude Code, Codex, Cursor, Gemini and more
/plugin marketplace add anthropics/skillsPlugin 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.
Works with Claude Code, Codex, Cursor, Gemini and more
npx skills add nutlope/hallmarkTaken from the project README. Check the source for the latest instructions.