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.
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.
4 out of 5
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.
Baseline with no skill · How the brief works
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.
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.