ui-design-optimizerGenerate practical UI design systems and starter pages using local style/color/typography datasets. Use for landing page or dashboard UI planning and impleme...
Install via ClawdBot CLI:
clawdbot install dalomeve/ui-design-optimizerGrade Fair — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Calls external URL not in known-safe list
https://github.com/nextlevelbuilder/ui-ux-pro-max-skillAudited Apr 17, 2026 · audit v1.0
Generated Mar 20, 2026
A user requests a dashboard UI for a project management SaaS tool, focusing on task tracking and team collaboration. The skill selects a modern style, a professional color palette, and readable typography to create a clean, accessible layout with interactive components like charts and task lists.
A client needs a landing page for an online beauty SPA store to showcase products and drive sales. The skill uses vibrant colors from the dataset, elegant typography, and a responsive layout pattern to highlight calls-to-action and product images, ensuring mobile-friendly design.
A financial startup requires a dashboard for an analytics tool to display real-time data and reports. The skill applies a minimalist style, a trustworthy color palette, and clear typography to organize complex information into charts and tables, prioritizing readability and contrast for data visualization.
A healthcare provider seeks a landing page for an online appointment booking system. The skill selects a calming style, a soothing color palette, and accessible typography to create a user-friendly interface with clear forms and scheduling options, adhering to WCAG AA standards.
An edtech company wants a dashboard for a learning platform to track student progress and course materials. The skill uses an engaging style, an energetic color palette, and legible typography to design interactive modules and progress bars, enhancing user engagement and usability.
This model involves charging users a recurring fee for access to the UI design tool, offering regular updates and support. It generates steady revenue through monthly or annual plans, appealing to businesses needing ongoing design optimization for their digital products.
The skill is offered for free with basic functionality, while advanced features like custom datasets or implementation files require a paid upgrade. This model attracts a broad user base and converts a portion to paying customers, driving revenue from premium subscriptions.
Large organizations pay for enterprise licenses to integrate the skill into their internal design systems, with custom support and scalability. This model yields high-value contracts and long-term partnerships, focusing on industries like finance or healthcare with strict compliance needs.
💬 Integration Tip
Integrate this skill by providing clear product descriptions and page types; use the script helper for quick dataset lookups to streamline design decisions.
Scored Apr 19, 2026
Implements UI from design mockups (Figma, Sketch, or image) with pixel-accurate layout, responsive behavior, and design tokens. Use when 还原设计图, implementing...
Senior product designer methodology ensuring thorough user research, structured architecture, accessible color and typography systems, and pixel-perfect UI e...
Complete Motion.dev documentation - modern animation library for React, JavaScript, and Vue (formerly Framer Motion)
Translate Figma nodes into production-ready code with 1:1 visual fidelity using the Figma MCP workflow (design context, screenshots, assets, and project-conv...
Shared design system for yuanfang-skills. Provides token CSS variables, 12+ themes, and reusable layout-type HTML blocks. Used by yuanfang-html-image (and fu...
Use when building, reviewing, or improving frontend UI that needs product-specific design direction, design-system generation, Master/Page overrides, distinc...