skills.rest
dfpalhano
dfpalhanoCOMMUNITY
Explore all skills by this author →
GitHub

design-assets

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
One-click install
npx skills add https://github.com/dfpalhano/openclaw-workspace --skill design-assets
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
ToniIAPro73ToniIAPro73
2

brand-asset-retrieval

Retrieve logos, favicons, and color palettes from corporate websites.

Community
Advanced
broomvabroomva
3

brand-icons

Generate favicons, app icons, and Open Graph images from SVG and PNG sources.

Community
Intermediate
Sir-chawakornSir-chawakorn
33

ci-cd-pipeline

Automate CI/CD pipeline setup with GitHub Actions and Docker.

Community
Advanced
pengelbrechtpengelbrecht
6

SVG Logo Designer

Generate scalable SVG logo concepts from descriptive briefs with layout variations.

Community
Intermediate