An AI-built website can have tiny text, uneven spacing and too many glowing decorations. unslop is a skill for Claude Code and Codex that helps review and refine that screen. It is useful when “make it cleaner” needs to become a more specific set of changes.

Creator Damir Sokolovsky introduced it on X on October 30. When checked on November 10, the post showed about 640,000 views and 9,800 bookmarks. The image above contains frames from his public comparison video. The original image and its licensing context are available in the repository.

What can the result look like?

In the creator’s example, purple glow and emoji decoration give way to more consistent menus and text. Headings and figures become easier to scan, with the cards and chart carrying the visual interest. Think of it as a way to find and fix problems on a page you already have.

For this blog, the review started with hard-to-read prompt blocks and image proportions. We removed an overlapping background inside the prompt, adjusted its text color and made images shrink in height as their width changes. A small, specific request makes the result easier to check.

Install the skill first

Start with the web project you want to edit open in Claude Code or Codex. A skill provides reusable working instructions that you can call by name. The OpenAI Docs and Claude Code documentation explain the basics.

In Codex, paste this into the conversation. This is the installation method listed by the creator.

$skill-installer install https://github.com/heydamir/unslop/tree/main/skills/unslop

In Claude Code, you can make this request to install it for the current project:

Install the skills/unslop folder from https://github.com/heydamir/unslop
into .claude/skills/unslop in this project.

Try this request on one page

After installation, paste this into Codex. Replace “this page” with the file or local page address you want to improve.

$unslop Make this page's text sizes and spacing easier to read.
Keep its content and features, and do not generate images.
Briefly tell me what you plan to fix, then apply the changes.

In Claude Code, replace $unslop with /unslop. Check the page, then request a focused adjustment such as “Keep the body text at this size and reduce only the gap below the heading.” Start with one page you use often and inspect each change before expanding to the rest of the site.

Installation and invocation were checked against the creator’s repository and official documentation on November 10, 2026. This article covers heydamir/unslop. The skill and quoted image are by Damir Sokolovsky and are published under CC BY 4.0.