{"product_id":"optimized-ui-design-ai-skill-for-claude-codex","title":"Optimized UI Design AI Skill for Claude \u0026 Codex","description":"\u003ch3\u003eOptimized UI Design AI Skill for Claude \u0026amp; Codex\u003c\/h3\u003e\n\n\u003cp\u003eThe Optimized UI Design AI Skill for Claude and Codex assists developers and teams by applying and refining the OneWorks team's durable UI design standards. This skill is utilized for tasks that involve changes to or reviews of user interface components, including layout, styling, theme, responsive behaviors, and visual consistency.\u003c\/p\u003e\n\n\u003ch3\u003eWhat this skill does\u003c\/h3\u003e\n\u003cul\u003e\n    \u003cli\u003eApplies OneWorks' durable UI design standards to any task involving layout, styling, theme, or responsive behavior.\u003c\/li\u003e\n    \u003cli\u003eRequires the creation of a Visual Brief detailing target surfaces, viewports, interaction invariants, and expected user behaviors before undertaking any visual edits.\u003c\/li\u003e\n    \u003cli\u003eCaptures project memory and ensures visual consistency through independent validation sessions.\u003c\/li\u003e\n    \u003cli\u003ePromotes experience persistence by utilizing a version-controlled repository as the team's design memory.\u003c\/li\u003e\n    \u003cli\u003ePrevents one-off pixel adjustments from evolving into permanent rules.\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003eWho it is for\u003c\/h3\u003e\n\u003cul\u003e\n    \u003cli\u003eDevelopers using Claude Code, Cursor, or Codex for UI tasks.\u003c\/li\u003e\n    \u003cli\u003eDesign teams needing to ensure adherence to established UI standards.\u003c\/li\u003e\n    \u003cli\u003eProject managers overseeing UI consistency in software development projects.\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003eUse cases\u003c\/h3\u003e\n\u003cul\u003e\n    \u003cli\u003eStandardizing UI components across a multi-platform application.\u003c\/li\u003e\n    \u003cli\u003eReviewing and enhancing the responsiveness of a web application's interface.\u003c\/li\u003e\n    \u003cli\u003eEnsuring design consistency in team projects through validated visual consistency sessions.\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003eTechnical details\u003c\/h3\u003e\n\u003cul\u003e\n    \u003cli\u003eUtilizes agent and aiapplication capabilities with integration in Claude and Codex environments.\u003c\/li\u003e\n    \u003cli\u003eEmploys the OneWorks UI Design Memory to manage design contributions and revisions securely and efficiently.\u003c\/li\u003e\n    \u003cli\u003eOperates with predefined design tokens and shared component guidance to maintain standards.\u003c\/li\u003e\n\u003c\/ul\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\u003eoneworks-ai\u003c\/strong\u003e (\u003ca href=\"https:\/\/github.com\/oneworks-ai\/app\" rel=\"nofollow noopener\" target=\"_blank\"\u003eoneworks-ai\/app\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":52876124127543,"sku":"MCP-ONEWORKS-AI-APP-UI-DESIGN-MEMORY","price":10.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0981\/3950\/4951\/files\/8WhBOPU7cTtVWY1iypcnt_b4098549edaa43b3b9ee78ae71c098ba.jpg?v=1787306918","url":"https:\/\/mcpcart.com\/products\/optimized-ui-design-ai-skill-for-claude-codex","provider":"SPF PRO","version":"1.0","type":"link"}