Streamline Your UI: AI Agent Skill for Unslop Design

Streamline Your UI: AI Agent Skill for Unslop Design

This AI Agent Skill provides tools and guidelines for reviewing and redesigning app or website UIs by eliminating extraneous design elements. The skill enforces a systemized approach to refining UI through steps like detailed inventory analysis, color simplification, structured review processes, and comprehensive audits.

What this skill does

• Compiles an inventory from recordings or screenshots to analyze UI components.
• Conducts a grayscale pass to focus on structural elements and eliminate decorative distractions such as accent colors and gradients.
• Offers a parallel review system with product designers, ensuring design decisions are aligned with objective criteria.
• Facilitates the publication of a winning design proposal, which is then implemented by developers assigned to specific areas.
• Includes audits and pull requests to verify consistency and quality across the complete application or website.
• Supports development in SwiftUI, Compose, and web environments, providing tools to scan code and measure rendered pages.

Who it is for

• Developers seeking to refine and organize application or website UIs.
• Product design teams involved in managing UI consistency and design processes.
• Technical leads overseeing design review and improvement initiatives.

Use cases

• Undertaking design reviews and proposing changes to make UIs less visually cluttered.
• Initiating and maintaining a cohesive design system across multiple projects.
• Auditing web dashboards or landing pages for design uniformity and usability improvements.
• Providing feedback on app design through screenshots or video reviews shared by development teams.

Technical details

• Documentation available in multiple markdown files: checklist.md, process.md, and references.md.
• Platform-specific guides: SwiftUI, Compose, and web, detailed in platforms.md and web.md.
• Operates with AI coding agents such as Claude Code, Cursor, and Codex.
• Integrates scripts for code scanning and page measurement to evaluate rendered outputs effectively.

Source & Licence

This package is built on open-source work published by marcosnovo (marcosnovo/unslop-design) and distributed under MIT. The original licence text and copyright notice are included in your download.

Personal and commercial use, modification and redistribution are permitted, provided the original copyright and licence notice are retained.

Your purchase covers curation, licence verification, packaging, documentation and instant delivery. It does not grant exclusive rights to the underlying open-source code, which remains available under its original licence.

Delivery & Support

• Delivery: instant — a secure download link is emailed to you as soon as payment is confirmed.
• Format: ZIP archive containing the skill files, documentation and the original licence.
• Support: support@mcpcart.com — we aim to reply within 2 business days.
• Updates: updates are included only where stated on this page.

Refunds

This is a digital product delivered immediately after purchase. By completing your order you request immediate delivery and acknowledge that, once the download has been accessed, the statutory right to cancel no longer applies to the extent permitted by law. Refund requests are handled in accordance with our published Refund Policy.

Claude, Codex, Gemini and Cursor are trademarks of their respective owners. MCP Cart is an independent marketplace and is not affiliated with, endorsed by, or sponsored by any of them. Compatibility references describe interoperability only.