unslop
Transform AI-style UI into uniquely designed interfaces.
- Type
- Agent Skill
- Open source
- Yes
- GitHub Stars
- ★ 3.2k
- Source
- skill-github
- Repository
- github.com/heydamir/unslop
Overview
unslop is a Claude skill that converts AI-style UIs (e.g., purple gradients, glowing effects, emoji tags) into uniquely designed interfaces. It works across various tech stacks such as Next.js, React, Vue, Svelte, Tailwind, or plain HTML and CSS, and can be used on dashboards, applications, landing pages, or even directly on websites. By reviewing and modifying layer by layer, it generates a clean design solution and produces a story video showcasing the improvement process.
Capabilities
- ▪Audit and list all areas needing improvement
- ▪Provide design direction and recommendations
- ▪Gradually adjust spacing, colors, icons, copy, and more
- ▪Generate a story video demonstrating product improvements
Use cases
Setup
git clone https://github.com/heydamir/unslop && mkdir -p ~/.claude/skills && cp -r unslop/skills/unslop ~/.claude/skills/
This information was compiled by AI from public sources and may contain inaccuracies — please refer to the source.
FAQ
How do I install unslop?
Clone the repository and copy the skill file to the ~/.claude/skills directory.
What tech stacks does unslop support?
Supports Next.js, React, Vue, Svelte, Tailwind, or plain HTML and CSS.
Related skills
ux-ui-agent-skills
Transform Claude into a senior design architect with design tokens, components, accessibility, and more.
motion-skills
56 open-source skills to teach your AI coding agent to create dynamic graphics, animations, and videos.
pixelfx
244 pixel art effects, each a small code snippet with customizability.
sprite-gen
Generate clean 2D game sprites and animation atlases.
logo-generator-skill
Professional SVG logo generator with multiple design variants and presentation backgrounds.
claude-skill-aso-appstore-screenshots
Generate high-quality App Store screenshots to boost app download rates.