What is the recommended size for a master icon file?

The skill recommends working with a 1024x1024 resolution for the master file to ensure high fidelity across all export sizes and high-density displays.

Can I generate icons tailored for specific international markets?

Yes, this skill includes specific reference materials for the Japanese market, covering design patterns used by popular payment, messaging, and e-commerce apps in that region.

Does it support the new Android themed icon requirements?

Yes, it provides specifications for creating monochrome layers and adaptive icon foregrounds/backgrounds compatible with Android 13+ theming.

Does this skill handle the rounding of icon corners for mobile platforms?

No, the skill follows platform guidelines by generating square assets. This allows iOS and Android to apply their own masks (squircles or circles) automatically for a consistent system appearance.

Icon Design

Name: Icon Design
Author: karak

bykarak

0•

Design Tools

Generates professional, platform-specific application icons for iOS, Android, and web using industry-standard design principles and technical specifications.

The Icon Design skill is a comprehensive toolkit for developers and designers needing to create production-ready application icons within the Claude Code environment. It provides structured guidance on technical requirements for the Apple App Store, Google Play, and web platforms, ensuring your assets meet specific size, transparency, and safe-zone constraints. Beyond simple generation, the skill incorporates color psychology, typography best practices, and regional design references—including specialized insights into the Japanese app market—to help you build high-impact brand identities that remain legible from tiny favicons to large-scale store listings.

Key Features

01Multi-platform export support for iOS (PNG), Android (Adaptive), and Web (SVG/Favicon)

02Standardized SVG templates with 1024x1024 viewbox and pre-defined safe zones

03Scalability testing workflows to ensure legibility at sizes ranging from 29px to 1024px

040 GitHub stars

05Comprehensive design guidance covering color psychology and shape principles

06Reference library for Japanese market trends and standard OS design patterns

Use Cases

01Generating a complete set of branding assets for a cross-platform mobile application launch

02Creating optimized SVG and PNG favicons for Progressive Web Apps (PWAs)

03Refining an existing app icon to comply with Android 13+ monochrome themed icon requirements

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add karak/karak-claude-plugin icon-design

For use in Claude.ai and ChatGPT

Key Features

01Multi-platform export support for iOS (PNG), Android (Adaptive), and Web (SVG/Favicon)

02Standardized SVG templates with 1024x1024 viewbox and pre-defined safe zones

03Scalability testing workflows to ensure legibility at sizes ranging from 29px to 1024px

040 GitHub stars

05Comprehensive design guidance covering color psychology and shape principles

06Reference library for Japanese market trends and standard OS design patterns

Use Cases

01Generating a complete set of branding assets for a cross-platform mobile application launch

02Creating optimized SVG and PNG favicons for Progressive Web Apps (PWAs)

03Refining an existing app icon to comply with Android 13+ monochrome themed icon requirements