Now liveThe Skillselion MCP - thousands of ranked skills, loaded into your agent mid-task. No install.Get it →
PianoNic avatar

App Icon Expert

  • 1 repo stars
  • Updated May 3, 2026
  • PianoNic/ClaudeSkills

Design app icons, favicons, and logo marks the right way. Covers SVG construction, dark-mode handling, the modern multi-format favicon set, PWA manifest, iOS/Android rules, and a verification che

About

app-icon-expert is a Claude Code skill in the Design & UI/UX category. Design app icons, favicons, and logo marks the right way. Covers SVG construction, dark-mode handling, the modern multi-format favicon set, PWA manifest, iOS/Android rules, and a verification checklist.

  • app-icon-expert
  • Design & UI/UX
  • AI-coding skill

App Icon Expert by the numbers

  • Data as of Jul 7, 2026 (Skillselion catalog sync)
/plugin marketplace add PianoNic/ClaudeSkills
/plugin install app-icon-expert@ClaudeSkills

Add your badge

Show developers this skill is listed on Skillselion. Paste this into your README.

Listed on Skillselion
repo stars1
Last updatedMay 3, 2026
RepositoryPianoNic/ClaudeSkills

What it does

Design app icons, favicons, and logo marks the right way. Covers SVG construction, dark-mode handling, the modern multi-format favicon set, PWA manifest, iOS/Android rules, and a verification che

README.md

ClaudeSkills

A growing collection of Claude Code skills, distributed as a plugin marketplace.

What's a skill?

A skill is a folder with a SKILL.md file that teaches Claude how to handle a specific task — design, scaffolding, debugging, code review, anything procedural. The model auto-invokes it when its description matches what you're trying to do, or you can call it manually with /skill-name.

Available plugins

Plugin What it does
app-icon-expert Design app icons / favicons / logo marks the right way. Covers SVG construction, dark-mode handling, the modern multi-format favicon set, PWA manifest, iOS/Android rules, and a verification checklist.

More to come.

Install (one-line)

Inside Claude Code:

/plugin marketplace add PianoNic/ClaudeSkills
/plugin install app-icon-expert@ClaudeSkills

Then /reload-plugins (or restart Claude Code) and the skill is live.

Manual install (without the marketplace)

If you don't want to add the marketplace, copy a single skill folder into your skill directory:

Scope Path Effect
Personal ~/.claude/skills/<name>/ available everywhere on your machine
Project .claude/skills/<name>/ committed with the project
git clone https://github.com/PianoNic/ClaudeSkills.git
cp -r ClaudeSkills/plugins/app-icon-expert/skills/app-icon-expert ~/.claude/skills/

Verify it loaded

Inside Claude Code, type / and look for the skill name in the autocomplete list, or ask Claude "list available skills".

Contributing

PRs welcome. Each plugin lives under plugins/<kebab-case-name>/ with this layout:

plugins/<plugin-name>/
├── .claude-plugin/
│   └── plugin.json
└── skills/
    └── <skill-name>/
        └── SKILL.md

Then add an entry to .claude-plugin/marketplace.json so the plugin shows up in the catalog.

SKILL.md frontmatter must include at least:

---
name: skill-name
description: Concrete description of when this skill should be used.
---

Keep SKILL.md under ~500 lines. Bundle longer reference material as separate files in the skill folder and reference them from SKILL.md.

License

MIT — use it, fork it, ship it.

Related skills

This week in AI coding

Five minutes, every Monday - the tools, releases and tactics for developers.

unsubscribe anytime.