heydamir

unslop : un skill pour Claude Code qui transforme vos interfaces vibecodées en vraies interfaces designées. Il repère d'abord le slop (dégradés violets, glows, labels en emoji, espacements irréguliers), propose une direction, puis corrige l'écran passe par passe. ⬇️ heydamir/unslop

AIっぽい適当なUIの見た目を自然でおしゃれな画面に修正してくれるClaude用スキルツールっぽい 生成AIで作った画面をブラッシュアップするのにめちゃくちゃ使えそう yug1224 starred heydamir/unslop heydamir/unslop

Holy shitttt Damir just dropped pure UI sauce. Insane UI skill for your agent. heydamir/unslop t.co

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.

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.

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)

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

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

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

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