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
UI/UX design intelligence and implementation guidance for building polished interfaces. Use when the user asks for UI design, UX flows, information architecture, visual style direction, design systems/tokens, component specs, copy/microcopy, accessibility, or to generate/critique/refine frontend UI (HTML/CSS/JS, React, Next.js, Vue, Svelte, Tailwind). Includes workflows for (1) generating new UI layouts and styling, (2) improving existing UI/UX, (3) producing design-system tokens and component guidelines, and (4) turning UX recommendations into concrete code changes.
Searchable UI/UX design databases: 50+ styles, 97 palettes, 57 font pairings, 99 UX rules, 25 chart types. CLI generates design systems from natural language. Data-driven complement to ui-design.
Extract a color palette from an image and return HEX/RGB values with optional swatch image.
Design, preview, and generate UI code using Google Stitch (via MCP). Helps developers choose the best UI by generating previews first, allowing iteration, and then exporting code.
Professional Figma design analysis and asset export. Use for extracting design data, exporting assets in multiple formats, auditing accessibility compliance, analyzing design systems, and generating comprehensive design documentation. Read-only analysis of Figma files with powerful export and reporting capabilities.
Use when users need visual direction, interface hierarchy, layout decisions, design specifications, or prototypes before implementing a Web or mini program UI.