color-paletteExtract a color palette from an image and return HEX/RGB values with optional swatch image.
Install via ClawdBot CLI:
clawdbot install qrost/color-paletteGrade Fair — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Generated Mar 20, 2026
Designers use this skill to extract color palettes from client-provided images, such as logos or mood boards, to create cohesive brand identities. It helps in generating HEX and RGB values for immediate use in design software like Adobe Photoshop or Illustrator.
Interior designers analyze photos of rooms or furniture to extract dominant colors, aiding in color scheme selection for renovations or decor. The swatch image output can be shared with clients for visual approval and inspiration.
Fashion designers extract color palettes from fabric swatches or runway photos to develop seasonal collections. This skill streamlines color matching and trend analysis, supporting material selection and production planning.
Marketers use the skill to analyze images from campaigns or competitor content, extracting colors to ensure brand consistency across platforms. It aids in creating visually appealing graphics and ads with harmonious color schemes.
Artists and photographers extract palettes from their own artwork or reference images to study color composition and enhance visual storytelling. The output helps in digital editing and print preparation for exhibitions or portfolios.
Offer a free basic version for color extraction with limited features, and a paid subscription for advanced options like higher color counts, batch processing, and integration with design platforms. Revenue comes from monthly or annual subscriptions.
Provide an API that allows developers to integrate color palette extraction into their own applications, such as e-commerce sites or mobile apps. Charge based on API usage tiers, with higher limits for enterprise clients.
License the skill as a white-label tool for design agencies or marketing firms to use under their own branding. Offer customization and support packages, generating revenue through one-time setup fees and ongoing maintenance contracts.
💬 Integration Tip
Ensure image paths are within allowed directories like /tmp or ~/.openclaw/media to avoid sending failures, and automate script execution without user confirmation for seamless integration.
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