Topic · Frontend & Design

Best icons and illustration skills for Claude Code, Codex and other agents.

Skills that create icons, SVG graphics and illustrations for products and sites.
skills
64
official
1

Icons and illustration skills, ranked

Ranked by score. Sort bymost stars,trending,newest,recently updated

Icons and illustration skills, ranked
#SkillRepositoryStarsUsed inTokensAuto-checkLicenceUpdated
1

Adds a bundled app icon to Dozzle for container images that show no logo or resolve to the wrong one, including conversion and alias entries.

amir20/dozzle15k—~1.1kAutomated safety check: PassMITtoday
2

Find and remove AI slop — the generic, machine-default visual and copy tics of vibe-coded products — from a web project.

yetone/kill-ai-slop1.3k—~1.4kAutomated safety check: PassApache-2.023 days ago
3

Fetch brand SVG logos and cloud architecture icons (AWS, Azure, GCP) from theSVG.

glincker/thesvg2.8k—~1.5kAutomated safety check: PassMITtoday
4

Generate images using Google Gemini's image generation capabilities.

sanjay3290/ai-skills4317 repos~657Automated safety check: PassApache-2.027 days ago
5

Searches more than 200 Iconify icon libraries and fetches icons as SVG from a command line tool or an MCP server.

dtsola/xiaoyaosearch1k2 repos~895Automated safety check: PassUnknown6 days ago
6

Turns a concept, feature or blog post into one on-brand illustration by matching it to a real unDraw SVG in a local library and recoloring it to the brand accent.

codeswithroh/tastemaker439—~2.2kAutomated safety check: PassMIT8 days ago
7

基于文档内容自动生成配图。AI 智能分析文档结构,归纳核心要点, 为每个主题生成符合特定风格的配图。支持封面图生成和自定义图片比例。

op7418/Document-illustrator-skill599—~1.6kAutomated safety check: NotesMIT8 mo ago
8

Creates body illustrations for Chinese long-form articles starring a fixed IP character, with a method of anchor, metaphor and self-check and a library of 31 characters.

xiaohuailabs/xiaohu-ip-studio296—~2.6kAutomated safety check: PassMIT3 mo ago
9

Looks up Microsoft Fluent UI System Icons and their exact @fluentui/react-icons component names through the Fluent Icons MCP server or HTTP API, instead of guessing.

coltongriffith/fluenticons442—~492Automated safety check: PassNo licencetoday
10

Add or modify icon keyword mappings for providers, models, or agents in lobe-icons.

lobehub/lobe-icons2.6k—~1.5kAutomated safety check: WarnMITtoday
11

评审单份或一组产品 UI 设计稿,像资深设计专家团一样从视觉质量、交互体验、设计系统三个方面发现问题并给出具体、可执行、按优先级排序的优化建议;在可行时默认生成与报告编号对应的问题标注图和优化建议图,并支持修改稿增量复评。Use when the user provides UI screenshots, icon sets, screen recordings, product flows…

ColourCloudSky/review-ui-design-skill119—~1.4kAutomated safety check: PassMIT2 mo ago
12

Add Solar Icons via @solar-icons/cli to any React, Vue, Svelte, Solid, Angular, React Native, Nuxt, Static, vanilla JS, or Laravel Blade project.

saoudi-h/solar-icons184—~2.1kAutomated safety check: PassMITtoday
13

Build a standalone phone-first HTML App with an SVG icon, Xiaowan skill, Agent-callable tools, reusable connectors, real data paths, and optional SQLite, then validate, publish, and add it to the…

omnimind-ai/OmniBot2k—~3.9kAutomated safety check: PassUnknowntoday
14

Illustrate an article (Markdown, HTML, etc.) with animated-style icons from itshover.com/icons.

smallnest/goal-workflow289—~1.6kAutomated safety check: PassMIT24 days ago
15

Draws a slim, long-limbed character acting out one coding or design moment as an outline-free flat SVG card, in a fixed measured palette with confetti and no ground line.

MengTo/Skills6.7k—~4.9kAutomated safety check: PassMITyesterday
16

How to add and correctly use Doodle Icons (@oreo-design/doodle-icons), the hand-drawn icon set from Oreo Design where every stroke draws itself in and then keeps "boiling" like a Saturday-morning…

oreo-design/doodle-icons133—~5.9kAutomated safety check: PassMIT1 mo ago
17

Checks that a site's favicon is linked, reachable and large enough for Google search results, and sets up ICO, SVG and Apple touch icon files when they are missing.

thedaviddias/Front-End-Checklist74k—~731Automated safety check: PassMITyesterday
18

How to add icons to the vglist frontend using Lucide via @lucide/vue.

connorshea/vglist160—~321Automated safety check: PassMITtoday
19

Draws flat vector spot illustrations of lanky people doing design and coding things, with solid black as a main fill, for empty states, onboarding and error pages.

MengTo/Skills6.7k—~5.2kAutomated safety check: PassMITyesterday
20

Create OpenGraph and Twitter share images for Next.js applications using next/og ImageResponse.

Dicklesworthstone/meta_skill205—~1.3kAutomated safety check: PassUnknown3 days ago
21

The DataRepublican design system — tokens, the .dr- component layer, the z-index scale, the icon set and the shell measure.

DataRepublican/datarepublican139—~2.6kAutomated safety check: PassNo licencetoday
22

Guide for updating Iconify icons and IconNames conventions in BMM.

Y80/bmm344—~810Automated safety check: PassMIT4 mo ago
23

Routes visual design requests to built-in logo, corporate identity, slide, banner, social photo and icon workflows, backed by style data and AI image generation.

assafkip/kipi-system112—~2.9kAutomated safety check: PassMITtoday
24

Rebuilds an app's design system for a clone: colour roles, type scale, spacing, radius, shadows and every component with its states, as design tokens plus component specs, with original assets…

Jakeschincariol/replica-skill908—~994Automated safety check: PassMIT4 days ago
25

A skill your agent uses for packages/svg-icon-baker SVG-to-symbol work: public API, synchronous error model, safe SVGO configuration, local ID and reference rewriting, viewBox handling, and output…

yangxu52/vite-plugin-svg-icons-ng116—~901Automated safety check: PassMIT10 days ago
26

Draws cozy animal scenes as hand-authored 480x360 SVG cards in a grainy, risograph-like gouache style on hot pink, for empty states, headers and marketing cards.

MengTo/Skills6.7k—~5.2kAutomated safety check: PassMITyesterday
27

A skill your agent uses for packages/vite-plugin-svg-icons-ng implementation work: icon scanning, compilation and caching, symbolId generation, HTML injection, Vite virtual modules, SSR, and HMR.

yangxu52/vite-plugin-svg-icons-ng116—~808Automated safety check: PassMIT10 days ago
28

ALWAYS ACTIVE. An agent skill from flornkm/personal-site.

flornkm/personal-site150—~475Automated safety check: NotesNo licencetoday
29

Sync icons from the Figma file into icon and open a PR by dispatching the figma-icon-sync-code-connect.yml GitHub Actions workflow.

wanteddev/montage-web117—~1.9kAutomated safety check: PassMITtoday
30

Generates iOS icon PNG imagesets for Xcode asset catalogs from SF Symbols or the Iconify API, matching the size, color and weight of icons already in the project.

affaan-m/ECC275k—~1.4kAutomated safety check: PassMIT3 days ago
31

A skill your agent uses for repository-level work in the vite-plugin-svg-icons-ng pnpm workspace: package boundaries, root scripts, docs and playground ownership, release tags, CI, and cross-package…

yangxu52/vite-plugin-svg-icons-ng116—~742Automated safety check: PassMIT10 days ago
32

Derive a project's visual rules from its existing tokens, palette, type scale, logo, and icons (Intake), then generate raw SVG vector graphics from those rules as a small composable set (module…

scott-fryxell/brayness124—~1.9kAutomated safety check: PassMIT10 days ago
33

Make images, textures, illustrations and background video for a website or app you are building, with Glif, and wire them into the code.

glifxyz/glif-mcp-server212—~1.4kAutomated safety check: PassMITtoday
34

Symfony UX Icons for rendering SVG icons in Twig templates. An agent skill from smnandre/symfony-ux-skills.

smnandre/symfony-ux-skills180—~1.9kAutomated safety check: PassMIT3 mo ago
35

Add a new SVG icon to the project's icon enum system with matching test assertions.

JNTMTMTM/eIsland320—~1.1kAutomated safety check: PassGPL-3.0today
36

.NET MAUI app icon configuration, splash screen setup, SVG to PNG conversion at build time, composed/adaptive icons, and platform-specific icon and splash screen requirements for Android, iOS, Mac…

davidortinau/maui-skills174—~995Automated safety check: PassMIT3 mo ago
37

Symfony UX Map for interactive maps with Leaflet or Google Maps in Symfony.

smnandre/symfony-ux-skills180—~3kAutomated safety check: NotesMIT3 mo ago
38

Creates SVG illustrations for a Markdown article as animated SVG, static SVG or PNG files, and places them in the text at planned positions.

cat-xierluo/legal-skills713—~981Automated safety check: PassMITtoday
39

Brand-consistent asset sets from DESIGN.md — hero, section illustrations, icon sets, OG image — generated through whichever channel the user actually has (grok build imagegen, Codex $imagegen…

kwakseongjae/oh-my-design531—~1.1kAutomated safety check: PassMIT7 days ago
40

Consumer setup and integration for vite-plugin-svg-icons-ng: installation, createSvgIconsPlugin configuration, direct SVG usage, Vue 3 and React components, htmlMode, virtual modules, TypeScript…

yangxu52/vite-plugin-svg-icons-ng116—~919Automated safety check: PassMIT10 days ago
41

Design a logo, app icon, favicon set, icon set or brand kit with Glif for an app or site you are building, then export every size and wire it into the code.

glifxyz/glif-mcp-server212—~1.3kAutomated safety check: PassMITtoday
42

Extracts icons, metadata, text, forms, videos and social links from any web page with playwright-cli, with SVG icon classification and cleanup.

adobe/skills196—~1kAutomated safety check: PassApache-2.0today
43

Generates an app icon for macOS or iOS — a fast CoreGraphics placeholder and/or flat layered source art to finish in Icon Composer (the Liquid Glass / iOS 26+ standard).

rshankras/claude-code-apple-skills783—~5.1kAutomated safety check: NotesMIT2 mo ago
44
44.IconsOfficial

Create or review IntelliJ New UI SVG icons and theme variants.

JetBrains/intellij-community21k—~3.1kAutomated safety check: PassUnknowntoday
45

Add custom SVG icons to salesforcedx-vscode-services for font generation.

forcedotcom/salesforcedx-vscode1k—~891Automated safety check: PassBSD-3-Clausetoday
46

Generate and iterate images in Cursor using the built-in image model and strong prompts.

tmcfarlane/oh-my-cursor110—~1.8kAutomated safety check: PassMIT3 mo ago
47

Generate cohesive, project-specific SVG icon sets for websites and applications.

jezweb/claude-skills1.1k—~2kAutomated safety check: PassMIT2 days ago
48

Create or redesign PowerPoint decks in a high-end editorial modern illustration style: clean white or light warm background with subtle texture, soft vector illustrations with refined details…

software-ai-life/Awesome-PPT-Design-Skills121—~851Automated safety check: PassNo licence5 mo ago

Questions, answered from the data.

What is the best icons and illustration skill?

Dozzle App Icon Adder from amir20/dozzle ranks first of the 64 icons and illustration skills listed here, with the highest score: its repository has 15k GitHub stars, its SKILL.md loads about 1.1k tokens and it passes the automated safety check with no findings. Next come Kill AI Slop and Thesvg.

Which icons and illustration skills are official?

1 of the 64 icons and illustration skills are official, published by the vendor's own GitHub organization: Icons.

How are these skills ranked?

By Skill Navigator score, which combines the GitHub stars of the skill's repository (shared across that repo's skills and discounted for large collections), how many other GitHub owners carry a copy of the skill, and automated SKILL.md quality checks, minus penalties for safety-check warnings and for each further skill from the same repository. Skills that fail the safety check are not listed.