Antislop UI vs claude-design-system-prompt

Both after shots are the Tally landing page from the same Claude Code test. Shared tags: Visual direction.

3 out of 5

Antislop UI

Antislop UI flattens the default into a kraft-and-stamp-red paper look with 4 px corners and flat pricing rows. It's cleaner than the baseline but plainly related. Its dashboard drops the sidebar for a top nav.

Tally landing page made with Antislop UI
Open full after

4 out of 5

claude-design-system-prompt

This system prompt moves Tally to a cool grey-and-ink look with Bricolage Grotesque, Geist and a lime marker, and the dashboard is clean and well organized. One contrast bug on the closing CTA keeps it from a higher score.

Tally landing page made with claude-design-system-prompt
Open full after

Baseline with no skill · How the brief works

How to install Antislop UI

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

npx degit miqdadbadjuber/anti-slop/skills/antislop-ui#main .claude/skills/antislop-ui

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 claude-design-system-prompt

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

No install command in README: paste system-prompt.md as the system prompt and copy skills/ manually.

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