nothing-design-skill vs oil-ui

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

4 out of 5

nothing-design-skill

Produces a strongly recognisable result: OLED black, a dot-matrix hero number, mono caps labels and a single red over-budget dot. Faithful and striking, but the style is fixed, so every page made with it will look like a Nothing product regardless of brand.

Tally landing page made with nothing-design-skill
Open full after

4 out of 5

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.

Tally landing page made with oil-ui
Open full after

Baseline with no skill · How the brief works

How to install nothing-design-skill

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

git clone https://github.com/dominikmartn/nothing-design-skill.git
cp -r nothing-design-skill/nothing-design ~/.claude/skills/

This install is for 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.

How to install oil-ui

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

npx skills add oil-oil/oil-ui

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