{"product_id":"advanced-ui-ux-design-ai-skill-for-claude-codex","title":"Advanced UI\/UX Design AI Skill for Claude \u0026 Codex","description":"\u003ch3\u003eAdvanced UI\/UX Design AI Skill for Claude \u0026amp; Codex\u003c\/h3\u003e\n\n\u003cp\u003eThis skill provides UI\/UX design intelligence specifically tailored for web, mobile, and desktop platforms. It assists in designing, building, reviewing, or fixing interfaces, with a focus on improving the quality and usability of user experience components.\u003c\/p\u003e\n\n\u003ch3\u003eWhat this skill does\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003eOffers guidance on UI structure and visual design decisions.\u003c\/li\u003e\n  \u003cli\u003eFacilitates the creation and refactoring of UI components.\u003c\/li\u003e\n  \u003cli\u003eSupports the selection of color, typography, spacing, and layout systems.\u003c\/li\u003e\n  \u003cli\u003eAssesses UI for UX accessibility and consistency.\u003c\/li\u003e\n  \u003cli\u003eAssists in implementing navigation, animations, and responsive behavior.\u003c\/li\u003e\n  \u003cli\u003eProvides resources like 79 searchable styles, 192 product palettes, 74 font pairings, and 119 UX guidelines.\u003c\/li\u003e\n  \u003cli\u003eIncludes tools like 105 curated icons, 17 GSAP presets, 25 chart types, and guidance for 22 technology stacks.\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003eWho it is for\u003c\/h3\u003e\n\u003cp\u003eThis skill is intended for developers and teams who use AI coding agents such as Claude Code, Cursor, and Codex. It is particularly beneficial for those involved in UI\/UX design, front-end development, and user experience quality control.\u003c\/p\u003e\n\n\u003ch3\u003eUse cases\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003eDesigning new web or mobile application interfaces.\u003c\/li\u003e\n  \u003cli\u003eRefactoring existing UI components to enhance usability and visual appeal.\u003c\/li\u003e\n  \u003cli\u003eChoosing and applying consistent color schemes, typography, and layout designs.\u003c\/li\u003e\n  \u003cli\u003eReviewing UI for compliance with accessibility standards.\u003c\/li\u003e\n  \u003cli\u003eImplementing interactive elements and ensuring responsive design across devices.\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003eTechnical details\u003c\/h3\u003e\n\u003cp\u003eThe skill leverages a comprehensive database of searchable local UI\/UX resources including styles, palettes, font pairings, UX guidelines, and icons. It utilizes GSAP presets for animation and provides chart types for data visualization, all designed to streamline and enhance the UI\/UX design process across various technology stacks.\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\u003esajeetharan\u003c\/strong\u003e (\u003ca href=\"https:\/\/github.com\/sajeetharan\/devglobe\" rel=\"nofollow noopener\" target=\"_blank\"\u003esajeetharan\/devglobe\u003c\/a\u003e) and distributed under \u003cstrong\u003eMIT\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, provided the original copyright and licence notice are 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":52950324379959,"sku":"MCP-SAJEETHARAN-DEVGLOBE-UI-UX-PRO-MAX","price":29.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0981\/3950\/4951\/files\/FU4C2BNFnz4iytaQNnYkY_e62a726709ea4732a85cda113aa96f40.jpg?v=1788606269","url":"https:\/\/mcpcart.com\/products\/advanced-ui-ux-design-ai-skill-for-claude-codex","provider":"SPF PRO","version":"1.0","type":"link"}