Can it help create custom SF Symbols?

Yes, it includes detailed workflows for exporting templates, designing with proper margins, and managing weights from Ultralight to Black.

How does it assist with AI icon generation?

It provides specialized prompts designed to produce clean, professional, and minimal results when used with AI image generation tools.

What platforms does Icon Designer support?

It provides comprehensive support for iOS, macOS, Android, and web platforms, including specific sizing requirements and stylistic rules for each.

Does it handle different app icon sizes?

Absolutely. It lists all required dimensions for various devices, such as 1024x1024 for App Store assets and specific @3x/@2x sizes for iPhone and iPad.

Does it provide accessibility guidance?

Yes, the skill enforces accessibility best practices, including minimum 4.5:1 contrast ratios and recommendations for grayscale testing.

Icon Designer

Name: Icon Designer
Author: willsigmon

bywillsigmon

•

デザインツール

Generates professional-grade app icons, UI symbols, and custom SF Symbols with platform-specific guidance for iOS, macOS, and Android.

The Icon Designer skill transforms Claude into a specialized visual design consultant capable of architecting production-ready assets for diverse platforms. It provides rigorous technical specifications for app store icons, ensures compliance with Apple's SF Symbols and Material Design standards, and offers optimized prompts for generating high-quality visual identifiers. Whether you are building a brand-new mobile app or refining a web interface, this skill automates the complex task of sizing, styling, and grid alignment to ensure consistent and accessible iconography across your entire project.

主な機能

01Platform-specific app icon specifications for iOS, macOS, and Android

02Standardized UI icon set generation with consistent stroke weights and pixel-grid alignment

03Custom SF Symbol creation and integration workflows with weight/scale support

04Optimized AI image generation prompts for high-quality UI assets

056 GitHub stars

06Accessibility-compliant color palette and gradient recommendations

ユースケース

01Creating custom-weighted SF Symbols for deep integration into Apple ecosystem apps

02Generating high-resolution App Store icons that follow platform-specific HIG rules

03Designing a cohesive set of minimal UI symbols for a cross-platform mobile application

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add willsigmon/sigstack icon-designer

For use in Claude.ai and ChatGPT

Download Skill