AI Slop vs Refactoring UI Skills

OpenCode Power Pack · Standalone skill

Tied at 3/5 on the same brief. Pick by fit: the rows below show where each one is stronger.

Both built the Tally landing page in the same Claude Code test, and both design the Minimalist way: white space, one accent, and the confidence to leave things out. Both are best for: audit.

AI Slop3/5
After: Tally landing page, made with AI Slop (OpenCode Power Pack)
Refactoring UI Skills3/5
After: Tally landing page, made with Refactoring UI Skills

Scroll either page; the other follows.

AI Slop gives Tally a plain, practical landing page: heavy condensed Archivo headlines in ledger green #12372a on pale gray, a grid of manila envelopes with the remaining amount on each, square buttons and a dark green how-it-works band with line icons. The dashboard switches to IBM Plex Sans with Plex Mono figures and a written-out sum ($5,400 minus $4,760 equals $640). It moves well away from the default, though the dashboard is tidy rather than distinctive and keeps the green palette. Pick it for straightforward product pages that should feel honest and useful.

Refactoring UI turns Tally into a clean, generic Tailwind-style SaaS: Plus Jakarta Sans, a grey scale and emerald, then Inter and slate with teal on the dashboard. Tidy, but anonymous, and the hero card still covers the balance.

Side by side

FieldAI Slop (OpenCode Power Pack)Refactoring UI Skills
Fonts
  • Archivo
  • Atkinson Hyperlegible
  • IBM Plex Mono
  • IBM Plex Sans
  • Plus Jakarta Sans
  • Inter (dashboard)
Colors
  • #f3f4ef pale gray
  • #12372a ledger green
  • #e2c58c manila
  • #a8382a due red
  • #fbfbf8 white
  • white and grey scale #faf9f7 to #1a1816
  • emerald #0b6a46
  • dashboard slate #f7f8fa to #151922 with teal
Pick it for
  • practical money and utility apps
  • honest, no-frills product pages
  • readable dashboards
  • B2B SaaS
  • admin dashboards
  • internal tools
Skip it for
  • playful or expressive brands
  • image-led marketing
  • brands that need personality
  • editorial sites
  • playful consumer apps
Observations
  • the dashboard is tidy but generic
  • the landing page thins out below the hero
  • landing hero: a notification card covers the "$1,284" balance
  • the look is generic, the same as many Tailwind templates

How the brief works

Install AI Slop (OpenCode Power Pack)

1 Run in your terminal

npx degit waybarrios/opencode-power-pack/skills/ai-slop#main .claude/skills/ai-slop

2 Or paste a prompt into Claude Code, Codex, Cursor or Gemini

It tells your tool to install this from its source repository.

This install is for Claude Code only; for other agents use Copy prompt or copy the skill folder.

Copies just this skill's folder into your project's .claude/skills.

Check the source for the latest instructions.

Install Refactoring UI Skills

1 Run in your terminal

cp -r .claude-plugin/* ~/.claude/plugins/refactoring-ui-skills/

2 Or paste a prompt into Claude Code, Codex, Cursor or Gemini

It tells your tool to install this from its source repository.

Plugin install is Claude Code only; for other agents use Copy prompt or copy the skill folder.

From PLATFORM_GUIDE.md (linked from README); run inside a clone of the repo.

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