{"product_id":"broom-ai-skill-enhance-ui-design-eliminate-ai-slop","title":"Broom AI Skill: Enhance UI Design \u0026 Eliminate AI Slop","description":"\u003ch3\u003eBroom AI Skill: Enhance UI Design \u0026amp; Eliminate AI Slop\u003c\/h3\u003e\n\n\u003cp\u003eBroom AI Skill is designed to assist developers and teams using AI coding agents such as Claude Code, Cursor, and Codex in refining user interfaces by removing AI \"slop\"—the drift from a product’s design system towards generic defaults. This skill ensures UI work maintains the level of a professional design studio, regardless of the technology stack used.\u003c\/p\u003e\n\n\u003ch3\u003eWhat this skill does\u003c\/h3\u003e\n\n\u003cul\u003e\n  \u003cli\u003e\n\u003cstrong\u003eAudit:\u003c\/strong\u003e Identifies AI slop in interfaces by generating a SLOP_REPORT.md file.\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003eFix:\u003c\/strong\u003e Allows for systematic correction of detected slop, one finding at a time.\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003eCheck:\u003c\/strong\u003e Performs a quick review of updated files to ensure compliance with the design system.\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Creates a design system from a short brief using the scripts\/design.mjs tool.\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003eRedesign:\u003c\/strong\u003e Provides a new look for existing products in accordance with current design needs.\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003eHandoff:\u003c\/strong\u003e Converts Figma files into rules compatible with AI coding agents.\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003eWho it is for\u003c\/h3\u003e\n\n\u003cp\u003eThis skill is suitable for developers, UI\/UX designers, and teams engaged in building, auditing, and refining user interfaces across various platforms and stacks, who aim to maintain design quality and adherence to established style guides.\u003c\/p\u003e\n\n\u003ch3\u003eUse cases\u003c\/h3\u003e\n\n\u003cul\u003e\n  \u003cli\u003eWhen auditing a web or mobile app for consistent UI design and adherence to design systems.\u003c\/li\u003e\n  \u003cli\u003eDuring the development or review phases to eliminate UI inconsistencies before a product launch.\u003c\/li\u003e\n  \u003cli\u003eIn the process of designing or redesigning products, from creating a design system to converting mockups into executable agent rules.\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003eTechnical details\u003c\/h3\u003e\n\n\u003cp\u003eThe Broom AI Skill uses specific scripts and checks integrated into its framework. The \u003ccode\u003escripts\/detect.mjs\u003c\/code\u003e is employed for auditing and detection, whereas \u003ccode\u003escripts\/design.mjs\u003c\/code\u003e facilitates the creation of a design system from a brief. This skill is compatible with AI assistants like Claude Code, Cursor, and Codex, improving accessibility and workflow consistency. It requires users to engage in evaluative and corrective actions based on generated documents and visual interface reviews.\u003c\/p\u003e\n\u003c!-- mcpcart:static-blocks:start --\u003e\n\u003chr\u003e\n\u003ch3\u003eSource \u0026amp; Licence\u003c\/h3\u003e\n\u003cp\u003eThis package is built on open-source work published by \u003cstrong\u003eboburxd\u003c\/strong\u003e (\u003ca href=\"https:\/\/github.com\/boburxd\/broom-design\" rel=\"nofollow noopener\" target=\"_blank\"\u003eboburxd\/broom-design\u003c\/a\u003e) and distributed under \u003cstrong\u003eApache-2.0\u003c\/strong\u003e. The original licence text and copyright notice are included in your download.\u003c\/p\u003e\n\u003cp\u003ePersonal and commercial use, modification and redistribution are permitted under the Apache License 2.0, which also includes an express patent grant. Attribution and any NOTICE file must be retained.\u003c\/p\u003e\n\u003cp\u003eYour 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.\u003c\/p\u003e\n\u003ch3\u003eDelivery \u0026amp; Support\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eDelivery:\u003c\/strong\u003e instant — a secure download link is emailed to you as soon as payment is confirmed.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormat:\u003c\/strong\u003e ZIP archive containing the skill files, documentation and the original licence.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSupport:\u003c\/strong\u003e \u003ca href=\"mailto:support@mcpcart.com\"\u003esupport@mcpcart.com\u003c\/a\u003e — we aim to reply within 2 business days.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eUpdates:\u003c\/strong\u003e updates are included only where stated on this page.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003eRefunds\u003c\/h3\u003e\n\u003cp\u003eThis 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.\u003c\/p\u003e\n\u003cp style=\"font-size:0.85em;color:#666;\"\u003eClaude, 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.\u003c\/p\u003e\n\u003c!-- mcpcart:static-blocks:end --\u003e","brand":"MCP Cart","offers":[{"title":"Default Title","offer_id":53100455264567,"sku":"MCP-BOBURXD-BROOM-DESIGN-BROOM","price":61.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0981\/3950\/4951\/files\/QEQdfJWi5CWot7OTb002x_f25bc5969791485c8304de6c1d6c6bff.jpg?v=1791277594","url":"https:\/\/mcpcart.com\/products\/broom-ai-skill-enhance-ui-design-eliminate-ai-slop","provider":"SPF PRO","version":"1.0","type":"link"}