unslop
Claude skill that improves AI-generated UI design
Developer ToolsOpen sourceOpen source (repo not verified)#ui-design#claude-code#frontend
Listed by the ProductPerch team from GitHub · not launched here yet
What is unslop?
unslop is a skill for Claude Code and Codex that improves user interfaces generated by AI. It scans screens for common design flaws like uneven spacing, generic gradients, and inconsistent typography. Once identified, it establishes a visual direction based on your existing product and applies fixes step by step.
The tool handles spacing, color, icons, copy, layout, and motion across various frameworks including Next.js, React, Vue, Svelte, Tailwind, and plain HTML or CSS. It can audit local codebases or analyze live websites provided through a URL.
For presentations, unslop can generate short square videos showing the redesign process. This feature requires Playwright and ffmpeg. If your interface needs custom imagery, it connects to external image generation services and asks for confirmation before running paid requests.
unslop features
- Audits UI for common AI design flaws like uneven spacing and generic gradients
- Sets a visual direction based on your existing product identity
- Fixes screens pass by pass covering layout, typography, and color
- Generates short story videos of the redesign process using Playwright
- Integrates with image generation services for custom hero visuals
Who uses unslop and for what
- Cleaning up a dashboard built quickly with AI prompts
- Improving the visual consistency of a landing page
- Refining a mobile app interface before launch
- Creating a short video demo of a UI redesign for social media
- Reviewing and fixing code generated by other AI coding agents
unslop FAQ
Is unslop free?
Yes, the repository is released under a CC BY 4.0 license, which allows free use and commercial projects as long as you credit the author and link back to the repository. The website does not mention subscription fees.
Does unslop work on Mac?
The installation instructions show commands for macOS and Linux environments, such as copying files to ~/.claude/skills/. The website does not specify Windows support details.
What is unslop used for?
It is a skill for Claude Code and Codex that audits and improves user interfaces created by AI. It identifies design flaws, establishes a consistent visual direction, and applies step-by-step fixes to spacing, typography, and layout.
Is unslop open source?
Yes, the project is hosted on GitHub and uses the CC BY 4.0 license, which permits users to view, modify, and share the source code commercially while requiring attribution.
Does unslop require additional software?
To create story videos of the redesign process, it requires Playwright, its Chromium browser, and ffmpeg installed on your system. The website does not say if other dependencies are mandatory.
Comments (0)
Comments and upvotes open when this product launches on ProductPerch.
More Developer Tools launches
Feel iOS haptic patterns on a real iPhone, copy the code
Deploy anywhere from your AI tool.
Free product launch platform for indie makers
Akii: SEO & AI Search OptimizerOpen source · verified
Free SEO, AEO and GEO tools for Claude Code.
Compare hosting, VPS, and domain prices side by side
Monitor Laravel scheduled tasks and queues
