design-assets

Name: design-assets
Availability: InStock
Author: dfpalhano

Generates app icons, favicons, color palettes and manipulates images via ImageMagick/sips.

Updated Feb 26, 2026

Search Tags:#design #color palette #images #icons #asset generation #favicons

Ready to run

npx skills add https://github.com/dfpalhano/openclaw-workspace --skill design-assets

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: design-assets
Source: https://github.com/dfpalhano/openclaw-workspace/tree/main/skills/design-assets
Command: npx skills add https://github.com/dfpalhano/openclaw-workspace --skill design-assets

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill helps users create and manage various graphic design assets, including icons, favicons, and images, streamlining the design workflow.

Core Features & Use Cases

App Icon Generation: Automatically generates required icon sizes for iOS and macOS from a single source image.
Favicon Generation: Creates a set of standard web favicons and an ICO file.
Color Palette Generation: Generates a HSL-based color palette from a given hue.
Image Manipulation: Provides quick references for common image operations using ImageMagick and sips.

Quick Start

Use the design-assets skill to generate app icons from 'source-icon.png' into the 'output-icons' directory.

Frequently Asked Questions about design-assets

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I generate app icons for iOS and macOS from a single image?▼

Generate app icons by providing a single source image to automatically create all required icon sizes for iOS and macOS platforms, outputting them into a specified directory for immediate integration into your project.

Can I create a full set of web favicons from one source image?▼

Create web favicons by processing a single source image to generate a complete set of standard web favicon files, including an ICO file, ensuring consistent browser branding across different devices and resolutions.

How do I generate a color palette from a specific hue?▼

Generate a color palette by specifying a base hue to automatically produce a cohesive set of HSL-based colors, providing consistent and harmonious branding colors for your design assets.

Does this Skill work with ImageMagick and sips for image manipulation?▼

Image manipulation tasks use ImageMagick and sips to perform image resizing, format conversion, compositing, and text addition, providing quick references for common image operations directly within your workflow.

What is the best way to resize and convert images for multiple platforms?▼

Resize and convert images for multiple platforms by using the provided ImageMagick and sips references to manipulate graphic design assets, ensuring consistent branding and resolutions across various application environments.