ui-ux-craft-kitUI/UX design intelligence for web and mobile. Includes 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart ty...
Install via ClawdBot CLI:
clawdbot install hardikamal/ui-ux-craft-kitGrade 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/hardikamal/ui-ux-craft-kitAudited Apr 17, 2026 · audit v1.0
Generated Mar 20, 2026
A startup wants to modernize its SaaS dashboard for better user engagement and data visualization. The skill provides chart type recommendations, color palettes for fintech, and React performance guidelines to ensure a responsive, accessible interface that enhances user productivity.
An e-commerce company is building a new mobile app to improve shopping experiences. The skill offers mobile-first design strategies, touch interaction guidelines for product pages, and icon library recommendations to create an intuitive, high-converting interface with smooth animations.
A freelance designer needs a portfolio website to showcase work with a unique visual style. The skill suggests minimalism or glassmorphism styles, font pairings for modern aesthetics, and accessibility checks to ensure the site is visually striking yet compliant with web standards.
A healthcare provider requires an admin panel for managing patient data with strict usability and accessibility needs. The skill provides UX guidelines for forms and tables, color systems for clarity, and responsive layout tips to ensure efficient, error-free interactions on desktop and tablet.
A fitness app startup aims to enhance its UI with better charts and animations for user motivation. The skill recommends chart types for progress tracking, animation durations for smooth transitions, and typography systems to improve readability and engagement across mobile devices.
Companies offering software services on a recurring fee basis, such as project management tools or analytics platforms. This skill helps design dashboards and admin panels that boost user retention through intuitive interfaces and consistent visual branding.
Platforms facilitating online sales between buyers and sellers, like retail stores or booking services. The skill optimizes product pages, checkout flows, and mobile app designs to increase conversion rates and improve customer satisfaction with accessible, responsive layouts.
Design or development agencies providing custom UI/UX solutions for clients across industries. The skill accelerates project delivery by offering style recommendations, design system generation, and quality checks to ensure high-quality, scalable interfaces that meet client specifications.
💬 Integration Tip
Integrate this skill early in the design phase by running domain-specific searches to inform decisions, and use the priority rules for quality checks during implementation to ensure consistency and accessibility.
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.