happy-huesGet curated color palettes from Happy Hues for design projects. Use when the user asks for color schemes, palette recommendations, design colors, UI colors, or mentions "配色", "color palette", "happy hues", "颜色方案". Supports filtering by mood (warm, dark, bold, minimal, etc.) and provides role-based colors (background, headline, button, highlight, etc.).
Install via ClawdBot CLI:
clawdbot install rikouu/happy-huesGrade Fair — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Generated Mar 20, 2026
Designers can use the Happy Hues skill to quickly generate color palettes for websites or mobile apps, ensuring visual consistency and accessibility. It helps in selecting role-based colors for backgrounds, buttons, and accents based on mood tags like 'dark' or 'professional'.
Marketing teams and brand strategists can leverage this skill to explore color schemes that align with brand personalities, such as 'bold/vibrant' for energetic brands or 'soft/feminine' for lifestyle products. It provides curated palettes with specific color roles for logos, marketing materials, and digital assets.
Educators and content creators can use the skill to design visually appealing learning materials, presentations, or online courses by filtering palettes by mood like 'light/clean' for readability. It simplifies color selection for backgrounds, headlines, and highlights to enhance engagement.
E-commerce businesses can apply the skill to create cohesive color schemes for product pages, checkout flows, and promotional banners, using moods like 'warm/cozy' to evoke trust or 'professional' for luxury items. It ensures consistent color usage across UI elements for better user experience.
Freelance designers can integrate this skill into their workflow to offer clients quick palette recommendations based on project requirements, such as 'dark' themes for gaming apps or 'minimal' for corporate sites. It speeds up the design process and provides live preview links for client approval.
Integrate the Happy Hues skill into existing design platforms like Figma or Canva as a free plugin, offering basic palette access. Monetize through premium features such as advanced mood filters, custom palette generation, or analytics on color usage trends.
Offer the skill as part of a subscription-based service for design agencies, providing API access for automated palette recommendations in client projects. Revenue can come from tiered plans based on usage volume, integration support, and white-label options.
Develop online courses or workshops that teach color theory and design principles using the Happy Hues skill as a practical tool. Generate revenue through course sales, certification programs, and partnerships with educational institutions for curriculum integration.
💬 Integration Tip
Integrate this skill by loading the palettes.json file and using mood tags for filtering; ensure to include live preview links from happyhues.co for user verification.
Scored Apr 15, 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.
Comprehensive UI design skill covering fundamentals, patterns, and anti-patterns. Layout, typography, color, spacing, accessibility, motion, and component design. Use when building any web interface, reviewing design quality, or creating distinctive UIs.
Generate and serve live HTML/CSS/JS UI designs from natural language prompts. Use when the user asks to design, create, build, or prototype a website, landing page, UI, dashboard, web page, or frontend mockup. Also triggers on requests to update, tweak, or iterate on a previously generated design. Replaces traditional UI design + frontend dev workflow.
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.
UI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations, and developer han...
Next.js 16 Cache Components - PPR, use cache directive, cacheLife, cacheTag, updateTag