What is unslop?
unslop is an agent skill for Claude Code and Codex focused on refining existing interfaces. It identifies patterns such as purple gradients, excessive glow, emoji labels, loud copy and uneven spacing, then proposes a design direction before making changes. If a screen already works well, it suggests smaller refinements rather than a redesign.
The skill is installed in the agent's user-level or project-level skills directory. It works with interfaces built using Next.js, React, Vue, Svelte, Tailwind, or plain HTML and CSS, and can also review a live site from a supplied link. Its editing sequence covers spacing, color, icons, copy, typography, layout, details, visuals and motion.
Optional features include image generation through a connected image service and a short video showing the screen's transformation. Live-site snapshots require Playwright and Chromium, while story videos also require ffmpeg. Paid image generation is preceded by a prompt preview and a request for approval.
The skill is published under the CC BY 4.0 license. It can be used, changed and shared, including commercially, provided the author Damir Sokolovsky is credited and the repository is linked.
Key capabilities
- Interface audit Identifies generic visual patterns and locates them on the screen.
- Design direction Proposes a visual character and signature detail based on the product before editing.
- Ordered refinement Revises spacing, color, icons, copy, typography, layout, details, visuals and motion in sequence.
- Live-site review Accepts a site link, with Playwright and Chromium required for snapshots.
- Optional imagery Can generate scenes or objects through connected image services, requesting approval before paid generation.
- Story video Creates a short square video of the interface transformation using Playwright and ffmpeg.
Where unslop fits
unslop fits into an agent-assisted frontend workflow after a dashboard, application screen or landing page has been built. Developers can request a review of an entire screen or a specific area, inspect the proposed direction, and steer the changes before editing begins.
Before installation, teams should choose between user-level and project-level skill placement and confirm access to Claude Code or Codex. Snapshot and video workflows require additional local dependencies. Optional image generation requires a connected service, and reuse of the skill must respect its attribution and repository-link requirements.
Install
$skill-installer install https://github.com/heydamir/unslop/tree/main/skills/unslopReviews of unslop
Be the first to share your experience with unslop.
Write a review
Loading review form…