Optimize Doksam UI: AI Agent Skill for Seamless Frontend

Optimize Doksam UI: AI Agent Skill for Seamless Frontend

The 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 ui.doksam.com as the single source of truth (SSOT) for frontend work targeting doksam infrastructure, ensuring a consistent and standardized approach.

What this skill does

• Facilitates the creation and modification of interfaces using ui.doksam.com as the design SSOT.
• Uses semantic tokens from shadcn/ui to prevent hardcoding of colors and enforces machine-readable standard adherence.
• Integrates custom components and templates via a private shadcn custom registry.
• Supports adding components, patterns, and templates to the doksam-ui catalogue repo.
• Ensures mechanical verification of code for compliance with prescribed guidelines, preventing deviations or hallucinations.

Who it is for

This 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.

Use cases

• Implementing user interfaces adhering to Doksam’s design and brand profile standards.
• Expanding the Doksam UI catalogue with consistent and reusable components and templates.
• Redesigning existing screens of Doksam projects by leveraging the defined UI guidelines.

Technical details

• Relies on shadcn/ui for semantic tokens.
• Utilizes the Phosphor icons as a primary resource for consistent visual elements.
• Incorporates self-hosted custom registries to manage component libraries.
• Operates in two modes: consumer and producer, each with specific rules and methodologies for UI development.

Source & Licence

This package is built on open-source work published by LeeYudok (LeeYudok/doksam-skills) 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.