ui-ux-pro-max-2UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient. Integrations: shadcn/ui MCP for component search and examples.
Install via ClawdBot CLI:
clawdbot install ahump20/ui-ux-pro-max-2Grade Good — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Generated Mar 1, 2026
Redesigning a product listing and checkout flow for an online retailer to improve conversion rates and mobile responsiveness. Focus on implementing accessibility guidelines, optimizing touch targets for mobile users, and selecting a color palette that enhances product visibility and brand consistency.
Building a data-heavy admin dashboard for a B2B software service, requiring clear chart visualizations and intuitive navigation. Emphasis on performance optimization for loading large datasets, responsive layout for various screen sizes, and typography that ensures readability of complex information.
Creating a mobile app for patients to schedule medical appointments, with a focus on accessibility for users with disabilities and a calming, professional design style. Key tasks include implementing high-contrast color palettes, ensuring keyboard navigation, and designing forms with clear error feedback.
Designing a visually striking portfolio site to showcase agency work, using styles like glassmorphism or minimalism to highlight projects. Involves selecting font pairings that reflect creativity, optimizing images for fast loading, and ensuring responsive design across devices to attract potential clients.
Developing a secure and user-friendly mobile banking app with features like transaction history and budget tracking. Prioritizes touch interaction guidelines for ease of use, performance optimization for real-time data updates, and adherence to accessibility standards to serve a diverse user base.
Offering a UI/UX design tool or component library with monthly or annual subscriptions, targeting startups and enterprises. Revenue is generated through tiered pricing plans based on features like advanced analytics or premium templates, with potential upsells for custom integrations.
Providing free basic design audits and guidelines to attract clients, with paid services for in-depth reviews, custom design systems, or implementation support. Revenue comes from one-time project fees or retainer agreements for ongoing optimization and maintenance.
Operating a platform where developers can buy and sell pre-built UI components, templates, or design assets, with a focus on accessibility and modern stacks like React or Vue. Revenue is generated through commission on sales, premium listings, or subscription access to exclusive resources.
💬 Integration Tip
Leverage the shadcn/ui MCP integration to quickly search for and implement pre-built components, ensuring consistency and saving development time while adhering to the design system's guidelines.
Scored Apr 19, 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.