{"product_id":"optimize-doksam-ui-ai-agent-skill-for-seamless-frontend","title":"Optimize Doksam UI: AI Agent Skill for Seamless Frontend","description":"\u003ch3\u003eOptimize Doksam UI: AI Agent Skill for Seamless Frontend\u003c\/h3\u003e\n\n\u003cp\u003eThe Optimize Doksam UI skill is designed to assist developers in building or modifying user interfaces for the Doksam project. It strictly enforces the adherence to \u003ccode\u003eui.doksam.com\u003c\/code\u003e as the single source of truth (SSOT) for frontend work targeting doksam infrastructure, ensuring a consistent and standardized approach.\u003c\/p\u003e\n\n\u003ch3\u003eWhat this skill does\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003eFacilitates the creation and modification of interfaces using \u003ccode\u003eui.doksam.com\u003c\/code\u003e as the design SSOT.\u003c\/li\u003e\n  \u003cli\u003eUses semantic tokens from \u003ccode\u003eshadcn\/ui\u003c\/code\u003e to prevent hardcoding of colors and enforces machine-readable standard adherence.\u003c\/li\u003e\n  \u003cli\u003eIntegrates custom components and templates via a private \u003ccode\u003eshadcn\u003c\/code\u003e custom registry.\u003c\/li\u003e\n  \u003cli\u003eSupports adding components, patterns, and templates to the doksam-ui catalogue repo.\u003c\/li\u003e\n  \u003cli\u003eEnsures mechanical verification of code for compliance with prescribed guidelines, preventing deviations or hallucinations.\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003eWho it is for\u003c\/h3\u003e\n\u003cp\u003eThis skill benefits senior frontend developers, especially those tasked with implementing or extending the Doksam project UI according to stringent standards. Teams engaged in Doksam infrastructure projects will also find value in maintaining design consistency across components.\u003c\/p\u003e\n\n\u003ch3\u003eUse cases\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003eImplementing user interfaces adhering to Doksam’s design and brand profile standards.\u003c\/li\u003e\n  \u003cli\u003eExpanding the Doksam UI catalogue with consistent and reusable components and templates.\u003c\/li\u003e\n  \u003cli\u003eRedesigning existing screens of Doksam projects by leveraging the defined UI guidelines.\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003eTechnical details\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003eRelies on \u003ccode\u003eshadcn\/ui\u003c\/code\u003e for semantic tokens.\u003c\/li\u003e\n  \u003cli\u003eUtilizes the Phosphor icons as a primary resource for consistent visual elements.\u003c\/li\u003e\n  \u003cli\u003eIncorporates self-hosted custom registries to manage component libraries.\u003c\/li\u003e\n  \u003cli\u003eOperates in two modes: consumer and producer, each with specific rules and methodologies for UI development.\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\u003eLeeYudok\u003c\/strong\u003e (\u003ca href=\"https:\/\/github.com\/LeeYudok\/doksam-skills\" rel=\"nofollow noopener\" target=\"_blank\"\u003eLeeYudok\/doksam-skills\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":53014891168055,"sku":"MCP-LEEYUDOK-DOKSAM-SKILLS-DOKSAM-UI","price":15.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0981\/3950\/4951\/files\/yOqAwMiNZAzRY-JukEPuI_c25be6532d5942d3a1d1b2c619d3c23c.jpg?v=1789905958","url":"https:\/\/mcpcart.com\/products\/optimize-doksam-ui-ai-agent-skill-for-seamless-frontend","provider":"SPF PRO","version":"1.0","type":"link"}