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.
3 out of 5
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.
4 out of 5
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.
Baseline with no skill · How the brief works
Works with Claude Code, Codex, Cursor, Gemini and more
npx skills add JimLiu/baoyu-designTaken from the project README. Check the source for the latest instructions.
Works with Claude Code, Codex, Cursor, Gemini and more
npx skills add oil-oil/oil-uiTaken from the project README. Check the source for the latest instructions.