unslop

What does it do?

It works with Claude Code and Codex to turn AI-looking user interfaces into a designed interface with its own character. [1] It audits a screen for signs such as purple gradients, glows, emoji labels, and uneven spacing, proposes a direction from the product, and fixes the screen in ordered stages. [2a][2b] For example, /unslop this dashboard audits and revises a dashboard screen. [3a][3b]

Currently trending because

  • The pitch: a Claude Code skill audits a vibecoded screen for purple gradients, glows and emoji labels, then fixes it step by step. [1]

Activity, over time

Daily observations from the public event archive.

Attention

Daily stars & forks

Loading attention chart

Star accumulation

Cumulative stars

Loading star accumulation chart

Pull requests

Daily opens & merges

Loading pull requests chart

Conversations

Daily issues & comments

Loading conversations chart

Community

Daily accounts & reviews

Loading community chart

Releases

Daily releases

Loading releases chart

Mentions

41posts · 30d
Nov 30 posts
  1. Holy shitttt Damir just dropped pure UI sauce. Insane UI skill for your agent. heydamir/unslop t.co

    11 likes · 1,539 views
  2. DEV · · @dd8888

    Unslop Brings Staged UI Review to Claude Code and Codex Unslop is a GitHub-hosted skill for Claude Code and Codex that targets what its author describes as “vibecoded, AI-looking” interfaces. For developers, the concrete change is an ordered review process: the skill audits a screen and proposes a design direction before it begins editing. The project documents the workflow and installation steps on GitHub. From audit to ordered revisions The audit identifies patterns including purple gradients, glows, emoji labels, forceful copy and uneven spacing. Unslop then derives a direction from the product, covering its character, visual world, limited uses of color and a signature detail. Its edits proceed through spacing, color, icons, copy, type, layout, details, visuals and motion, in that order. Those stages are specified in the project README. The README says the skill can work on dashboards, applications and landing pages built with Next.js, React, Vue, Svelte, Tailwind, or plain HTML and CSS. It can also inspect a live-site URL. Users invoke it with /unslop in Claude Code or $unslop in Codex, although the repository says an agent can also select the skill from a request written in ordinary language. The supported inputs, stacks and commands are documented here. If the initial screen is already satisfactory, the intended behavior is to suggest limited refinements instead of carrying out a full redesign. The proposed direction appears before edits, giving the user an opportunity to steer it early, but the documentation does not describe a mandatory approval gate. The README states both behaviors. Optional media features add dependencies For hero visuals, Unslop can use image services such as fal, Replicate, OpenAI Images or Higgsfield. If no service is connected, it can offer to connect one as an MCP server; the project says it displays the prompt and asks before each paid generation. The image-generation workflow is described in the repository. The skill can also create a square story video, lasting under 10 seconds, that shows the interface changing. Live-site snapshots and story videos require Playwright and its Chromium browser, while video output additionally requires ffmpeg on the system path. The repository lists these dependencies. Unslop uses the CC BY 4.0 license. The README permits modification, sharing and commercial use provided users credit creator Damir Sokolovsky and link to the repository. The licensing conditions are published with the project. Analysis: a review rubric, not evidence of better design Analysis: Unslop’s more consequential idea is not automated CSS editing but the conversion of a subjective critique into an inspectable sequence. Surfacing the audit and proposed direction before the ordered passes gives developers a clearer point at which to challenge the agent’s assumptions. That interpretation follows from the workflow documented by the project. The unresolved trade-off is that a repeatable rubric can also standardize one author’s aesthetic preferences. The project page defines recognizable visual clichés and provides examples, but it does not report usability testing, product metrics or comparative evaluation establishing that removing those patterns improves an interface. Developers still need an independent review of whether the proposed direction suits the product and its users. The repository shows the project’s documented scope and evidence.

  3. Reddit · · r/BestGitHubRepos · u/company_url_finder

    unslop: A Claude skill that turns vibecoded, AI-looking UI into a designed interface (5.3k stars) What it does All text below is quoted directly from the project README. >A Claude skill that turns vibecoded, AI-looking UI into a designed interface What it does: - Audit. Lists every sign of slop with where it lives. - Direction. Character, world, the one or two moments that carry the color, and a signature detail, all taken from your product. - Passes. Spacing, color, icons, copy, type, layout, details, visuals and motion, in that order. - Visuals. Shows your product instead of a glossy blob. When a hero needs a scene or an object, it can generate one through an image service like fal, Replicate, OpenAI images or Higgsfield. If none is connected, it offers to connect one as an MCP server, and it shows the prompt and asks before every paid generation. Dashboards and apps rarely need one. - Story video. A square video under 10 seconds of your screen unslopping itself, ready to post. It needs Playwright and ffmpeg. >In Claude Code, type /unslop with what you want. In Codex, type $unslop the same way. Repository heydamir/unslop Repository stats |Metric|Value| |:-|:-| |Stars|5,254| |Forks|258| |Last release|None| |Languages|JavaScript 100%| |Contributors|4| |AI contributor accounts (Claude / Codex / Cursor / Copilot)|@claude (1 commit)| |AI co-authored commits|Claude: 1| Main contributor |Field|Value| |:-|:-| |Name|Damir Sokolovsky| |GitHub|@heydamir| |Commits to this repo|5 (top contributor)| |Bio|Hello everyone!| |Company / Location|International| |X / Twitter|@heydamir| |Followers|101| ────────────────────────────── 📌 If you want to browse more repos like this, we've organized them by category and rankings here: bestgithubrepositories.com 🗂️ We're also archiving repos where possible, so useful projects don't disappear when they're removed from GitHub.

    163 points · 9 comments
  4. Vibecoding mu keliatan "AI slop" banget? gini cara fixnya 1/ buka claude code, ketik: "install skill unslop dari heydamir/unslop" 2/ ketik: /unslop landing page (isi webmu) 3/ dia bakalan audit slop nya (gradient ungu, glow, emoji, spacing berantakan) lalu benerin step by step *Before/Ater check ss kalo mau lebih rapi lagi bisa pakek mobbin (gk di endorse beli sharing aja di shopee)

    24 likes · 1 repost · 923 views
  5. unslop, an open-source Claude skill, audits AI-looking UI (purple gradients, emoji labels) then redesigns it pass by pass. 4.8k stars on GitHub. #ClaudeCode #uidesign heydamir/unslop

    1 like
  6. X · · @dingyi

    这个开源去 slop 的 skill 挺好:heydamir/unslop

    33 likes · 4 reposts · 3,539 views
  7. Reddit · · r/AwesomeGithub · u/MrSagarBedi

    unslop: Turn Vibecoded & AI Looking UI to Designed One [3.2k Stars] unslop A Claude skill that turns vibecoded, AI-looking UI into a designed interface Repo Author: Damir Sokolovsky (heydamir) Repo Stars: 3.2k unslop Repo Link: heydamir/unslop unslop is a skill that turns vibecoded, AI-looking UI into a designed interface with its own character. It finds the slop first, the purple gradients, glows, emoji labels, shouty copy and uneven spacing, then sets a direction from your product and fixes the screen pass by pass like a designer doing a redline review. It works in whatever your screen is built with, like Next.js, React, Vue, Svelte, Tailwind or plain HTML and CSS, on dashboards, apps and landing pages, and even on a live site when all you have is a link. What unslop does - Audit. Lists every sign of slop with where it lives. - Direction. Character, world, the one or two moments that carry the color, and a signature detail, all taken from your product. - Passes. Spacing, color, icons, copy, type, layout, details, visuals and motion, in that order. - Visuals. Shows your product instead of a glossy blob. When a hero needs a scene or an object, it can generate one through an image service like fal, Replicate, OpenAI images or Higgsfield. If none is connected, it offers to connect one as an MCP server, and it shows the prompt and asks before every paid generation. Dashboards and apps rarely need one. - Story video. A square video under 10 seconds of your screen unslopping itself, ready to post. It needs Playwright and ffmpeg. License CC BY 4.0. _____________________________________________________________ ❯❯❯❯ Keep Yourself Updated with Awesome GitHub Newsletter Subscribe to our weekly → Newsletter - Curated for r/AwesomeGithub

    2 points
  8. 1.3k stars. Stop shipping AI-looking UI. Claude fixes it! unslop never says open source. It's CC BY 4.0. You credit Damir, link back. Source: heydamir/unslop Save this. Which of your screens gets unslopped first? #ClaudeCode #UIDesign

  9. 这个牛逼啊,我可以把我的小破站都去优化一遍,去去AI味,没准能提高转化率呢,哈哈哈! 地址:heydamir/unslop 想跟我一样想优化自己小破站的可以用起来! t.co

    10 likes · 1 repost · 859 views
  10. I turned my unslopping process into a free Claude skill It works on landing pages, dashboards and mobile apps Go unslop your stuff: heydamir/unslop t.co

    1,550 likes · 75 reposts · 53,754 views

Latest stargazers

The last 10 distinct accounts we observed this year.

Most active participants

PR, issue, comment & review events in the past year.

Packages

No packages found.

README badges

Embed a badge in your README or website.

  • heydamir/unslop reached #5 in daily mentions on gitwal · Nov 1, 2026
Live mentions · last 30 days
heydamir/unslop mentions in the last 30 days