no-ai-slop-ui
CommunityBanish AI-looking UI design with a focused human aesthetic
Design & Creative#UI design#aesthetic guidance#anti-automated design#human-centered UI#front-end aesthetics
Author12valor
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill prevents interfaces from having a generic, AI-generated look by eliminating patterns typically associated with automated design tools.
Core Features & Use Cases
- Design Aesthetics: Detects and eliminates AI-slop patterns such as purple gradients and soft pastel backgrounds.
- Typography: Offers guidance on avoiding default fonts like Inter and Arial for more distinctive typography choices.
- Layout: Instructs on breaking layout conventions with non-standard grid arrangements and text flows.
- Visual Effects: Disallows glassmorphism and 3D human illustrations that contribute to a machine-made aesthetic.
- Code: Advocates for custom spacing and the use of real CSS instead of utility-class soup.
- Use Case: A developer starts building a UI and runs this skill before starting to code, ensuring a design is human-crafted.
Quick Start
Before beginning any UI project, review the no-ai-slop-ui guide to commit to an aesthetic direction, implement a color palette, and select typography and layout intentionally.
Dependency Matrix
Required Modules
None requiredComponents
scriptsreferences
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: no-ai-slop-ui Download link: https://github.com/12valor/LLM-SKills/archive/main.zip#no-ai-slop-ui Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.