ui-ux-pro-max-plusProfessional UI/UX design resource library with searchable design patterns, color palettes, font pairings, chart types, and UX guidelines. Use when creating...
Install via ClawdBot CLI:
clawdbot install iReact2Code/ui-ux-pro-max-plusGrade Good — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Calls external URL not in known-safe list
https://fonts.googleapis.com/css2?family=Inter:[email protected]&display=swap`Uses known external API (expected, informational)
googleapis.comAudited Apr 17, 2026 · audit v1.0
Generated Feb 23, 2026
Designing a professional dashboard for a SaaS platform targeting enterprise users. Use minimalist or corporate UI styles from the library, with blue/cyan color palettes for a tech feel, and Inter font for clarity. Follow UX patterns for data-heavy interfaces to ensure usability and efficiency.
Creating a modern e-commerce mobile app for retail brands. Apply modern e-commerce UI styles with rose/violet color schemes to evoke emotion and drive sales. Use responsive design tips and spacing systems for optimal mobile experience, focusing on intuitive navigation and checkout flows.
Developing a patient portal for a healthcare provider. Select clean, trustworthy UI styles with teal/green color palettes to convey health and safety. Implement UX patterns for medical data visualization and accessibility, ensuring compliance and user-friendly interactions for all age groups.
Building an investment platform for FinTech startups. Use stable, professional UI styles like Material Design with indigo/gray color schemes for trust. Apply chart selection guides for financial data displays and follow UX best practices for secure, transparent user journeys in financial transactions.
Designing an interactive learning app for online education. Choose friendly UI styles with violet/yellow color palettes to engage students. Utilize typography pairings like Nunito for readability and incorporate UX patterns for gamification and progress tracking to enhance learning outcomes.
Offer this skill as part of a subscription service for design tools or AI platforms. Charge monthly or yearly fees for access to updated design resources and premium patterns, targeting startups and agencies needing consistent design support.
Provide basic design resources for free to attract users, then upsell premium consultations or custom design packages. Monetize through one-on-one sessions, tailored design systems, or integration services for larger enterprises.
License this skill to other AI platforms or design software companies as a white-label solution. Generate revenue through licensing fees or revenue-sharing agreements, enabling partners to enhance their offerings with professional UI/UX capabilities.
💬 Integration Tip
Integrate this skill by first selecting a UI style from the references, then applying color and typography choices consistently across projects to maintain design coherence and speed up development.
Scored Apr 22, 2026
Use when building UI with shadcn/ui components, Tailwind CSS layouts, form patterns with react-hook-form and zod, theming, dark mode, sidebar layouts, mobile navigation, or any shadcn component question.
Tailwind reference tool. Use when working with tailwind in frontend contexts.
A product creation skill based on the "Bee Website Builder" Open API. It is used to create a new product under a specified site language and product group, w...
A product update skill based on the "Bee Website Builder" Open API. It is used to update an existing product under a specified site language and supports upd...
Build WCAG 2.1 AA compliant websites with semantic HTML, proper ARIA, focus management, and screen reader support. Includes color contrast (4.5:1 text), keyboard navigation, form labels, and live regions. Use when implementing accessible interfaces, fixing screen reader issues, keyboard navigation, or troubleshooting "focus outline missing", "aria-label required", "insufficient contrast".
Use when building Vue 3 applications with Composition API, Nuxt 3, or Quasar. Invoke for Pinia, TypeScript, PWA, Capacitor mobile apps, Vite configuration.