skills.rest
wwlorey
wwloreyCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

app-icon

Applies Apple's squircle mask to square images for macOS app icons.

Updated Sep 17, 2019
Search Tags:#macOS#image processing#app icon#icon design#squircle
One-click install
npx skills add https://github.com/wwlorey/dotfiles --skill app-icon-wwlorey
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: app-icon
Source: https://github.com/wwlorey/dotfiles/tree/main/.agents/skills/app-icon
Command: npx skills add https://github.com/wwlorey/dotfiles --skill app-icon-wwlorey

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires PIL, numpy, and includes scripts (resource) components.

What problem does it solve?

This Skill addresses the need for creating macOS app icons with the proper squircle shape and transparent corners, ensuring they look native on macOS.

Core Features & Use Cases

  • Squircle Mask Application: Applies Apple's squircle mask to square images, providing the correct shape for icons in the Dock, Launchpad, and Finder.
  • Post-Processing for Icons: Offers workflows for icons with dark corners and those starting from scratch.
  • Use Case: When a user requires a new app icon or wants to modify an existing one to match macOS standards.

Quick Start

Use the app-icon skill to create a macOS app icon from a square image with sharp corners.

Frequently Asked Questions about app-icon

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

FAQPage Schema
How do I make a square image look like a native macOS app icon?▼

To make a square image look like a native macOS app icon, you apply Apple's squircle mask with transparent corners using image processing techniques. This ensures the icon appears correctly shaped in the Dock, Launchpad, and Finder.

What is a squircle mask and why do macOS app icons need it?▼

A squircle mask is a specific geometric shape blending a square and a circle. macOS app icons need it to match Apple's native UI standards, ensuring images have the correct shape and transparent corners rather than sharp edges.

Do I need PIL and numpy to create macOS app icons?▼

Yes, you need PIL and numpy to create macOS app icons using this Skill. These Python libraries handle the image processing and mathematical calculations required to apply the squircle mask and generate transparent corners.

Can I fix an existing image with dark corners for macOS Launchpad?▼

Yes, you can fix existing images with dark corners for macOS Launchpad. The Skill offers post-processing workflows specifically designed to apply the squircle mask and correct icons that do not have transparent corners by default.

What's the best way to generate an app icon from scratch for macOS?▼

The best way to generate an app icon from scratch for macOS is to use a script that applies Apple's squircle mask to a base square image. This process guarantees the output meets native macOS appearance standards.

Why does my app icon display with sharp corners in the macOS Dock?▼

Your app icon displays with sharp corners in the macOS Dock because it lacks the proper squircle mask and transparent corners. Applying the squircle shape using image processing ensures it conforms to native macOS appearance.

Related Skills

Explore More Design & Creative Skills→
Syedyasir001Syedyasir001

slack-gif-creator

Create Slack-optimized animated GIFs with PIL and imageio.

Community
Advanced
rshankrasrshankras
603

app-icon-generator

Generate app icons with CoreGraphics and Swift for Xcode asset catalogs.

Community
Advanced
dfpalhanodfpalhano

design-assets

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

Community
Intermediate
djlidendjliden

screenshot-beautifier

Beautify raw screenshots with rounded corners, shadows, and backgrounds.

Community
Advanced