By PianoNic
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.
A growing collection of Claude Code skills, distributed as a plugin marketplace.
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.
| 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.
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.
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/
Inside Claude Code, type / and look for the skill name in the autocomplete list, or ask Claude "list available skills".
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.
MIT — use it, fork it, ship it.
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimBased on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
npx claudepluginhub pianonic/claudeskills --plugin app-icon-expertUltra-compressed communication mode. Cuts ~75% of tokens while keeping full technical accuracy by speaking like a caveman.
Frontend design skill for UI/UX implementation
Comprehensive UI/UX design plugin for mobile (iOS, Android, React Native) and web applications with design systems, accessibility, and modern patterns
Memory compression system for Claude Code - persist context across sessions
Marketing skills for AI agents — conversion optimization, copywriting, SEO, paid ads, ad creative, and growth
Standalone image generation plugin using Nano Banana MCP server. Generates and edits images, icons, diagrams, patterns, and visual assets via Gemini image models. No Gemini CLI dependency required.