Topic · Frontend & Design
Best icons and illustration skills for Claude Code, Codex and other agents.
- skills
- 64
- official
- 1
Icons and illustration skills, ranked
Ranked by score. Sort bymost stars,trending,newest,recently updated
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 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/ | 15k | — | ~1.1k | Automated safety check: Pass | MIT | today |
| 2 | Find and remove AI slop — the generic, machine-default visual and copy tics of vibe-coded products — from a web project. | yetone/ | 1.3k | — | ~1.4k | Automated safety check: Pass | Apache-2.0 | 23 days ago |
| 3 | 3.Thesvg Fetch brand SVG logos and cloud architecture icons (AWS, Azure, GCP) from theSVG. | glincker/ | 2.8k | — | ~1.5k | Automated safety check: Pass | MIT | today |
| 4 | 4.Imagen Generate images using Google Gemini's image generation capabilities. | sanjay3290/ | 431 | 7 repos | ~657 | Automated safety check: Pass | Apache-2.0 | 27 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/ | 1k | 2 repos | ~895 | Automated safety check: Pass | Unknown | 6 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/ | 439 | — | ~2.2k | Automated safety check: Pass | MIT | 8 days ago |
| 7 | 基于文档内容自动生成配图。AI 智能分析文档结构,归纳核心要点, 为每个主题生成符合特定风格的配图。支持封面图生成和自定义图片比例。 | op7418/ | 599 | — | ~1.6k | Automated safety check: Notes | MIT | 8 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/ | 296 | — | ~2.6k | Automated safety check: Pass | MIT | 3 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/ | 442 | — | ~492 | Automated safety check: Pass | No licence | today |
| 10 | Add or modify icon keyword mappings for providers, models, or agents in lobe-icons. | lobehub/ | 2.6k | — | ~1.5k | Automated safety check: Warn | MIT | today |
| 11 | 评审单份或一组产品 UI 设计稿,像资深设计专家团一样从视觉质量、交互体验、设计系统三个方面发现问题并给出具体、可执行、按优先级排序的优化建议;在可行时默认生成与报告编号对应的问题标注图和优化建议图,并支持修改稿增量复评。Use when the user provides UI screenshots, icon sets, screen recordings, product flows… | ColourCloudSky/ | 119 | — | ~1.4k | Automated safety check: Pass | MIT | 2 mo ago |
| 12 | 12.Solar Icons 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/ | 184 | — | ~2.1k | Automated safety check: Pass | MIT | today |
| 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/ | 2k | — | ~3.9k | Automated safety check: Pass | Unknown | today |
| 14 | Illustrate an article (Markdown, HTML, etc.) with animated-style icons from itshover.com/icons. | smallnest/ | 289 | — | ~1.6k | Automated safety check: Pass | MIT | 24 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/ | 6.7k | — | ~4.9k | Automated safety check: Pass | MIT | yesterday |
| 16 | 16.Doodle Icons 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/ | 133 | — | ~5.9k | Automated safety check: Pass | MIT | 1 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/ | 74k | — | ~731 | Automated safety check: Pass | MIT | yesterday |
| 18 | 18.Icons How to add icons to the vglist frontend using Lucide via @lucide/vue. | connorshea/ | 160 | — | ~321 | Automated safety check: Pass | MIT | today |
| 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/ | 6.7k | — | ~5.2k | Automated safety check: Pass | MIT | yesterday |
| 20 | Create OpenGraph and Twitter share images for Next.js applications using next/og ImageResponse. | Dicklesworthstone/ | 205 | — | ~1.3k | Automated safety check: Pass | Unknown | 3 days ago |
| 21 | The DataRepublican design system — tokens, the .dr- component layer, the z-index scale, the icon set and the shell measure. | DataRepublican/ | 139 | — | ~2.6k | Automated safety check: Pass | No licence | today |
| 22 | Guide for updating Iconify icons and IconNames conventions in BMM. | Y80/ | 344 | — | ~810 | Automated safety check: Pass | MIT | 4 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/ | 112 | — | ~2.9k | Automated safety check: Pass | MIT | today |
| 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/ | 908 | — | ~994 | Automated safety check: Pass | MIT | 4 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/ | 116 | — | ~901 | Automated safety check: Pass | MIT | 10 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/ | 6.7k | — | ~5.2k | Automated safety check: Pass | MIT | yesterday |
| 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/ | 116 | — | ~808 | Automated safety check: Pass | MIT | 10 days ago |
| 28 | ALWAYS ACTIVE. An agent skill from flornkm/personal-site. | flornkm/ | 150 | — | ~475 | Automated safety check: Notes | No licence | today |
| 29 | 29.Sync Icons 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/ | 117 | — | ~1.9k | Automated safety check: Pass | MIT | today |
| 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/ | 275k | — | ~1.4k | Automated safety check: Pass | MIT | 3 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/ | 116 | — | ~742 | Automated safety check: Pass | MIT | 10 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/ | 124 | — | ~1.9k | Automated safety check: Pass | MIT | 10 days ago |
| 33 | 33.Web Visuals Make images, textures, illustrations and background video for a website or app you are building, with Glif, and wire them into the code. | glifxyz/ | 212 | — | ~1.4k | Automated safety check: Pass | MIT | today |
| 34 | 34.UX Icons Symfony UX Icons for rendering SVG icons in Twig templates. An agent skill from smnandre/symfony-ux-skills. | smnandre/ | 180 | — | ~1.9k | Automated safety check: Pass | MIT | 3 mo ago |
| 35 | Add a new SVG icon to the project's icon enum system with matching test assertions. | JNTMTMTM/ | 320 | — | ~1.1k | Automated safety check: Pass | GPL-3.0 | today |
| 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/ | 174 | — | ~995 | Automated safety check: Pass | MIT | 3 mo ago |
| 37 | 37.UX Map Symfony UX Map for interactive maps with Leaflet or Google Maps in Symfony. | smnandre/ | 180 | — | ~3k | Automated safety check: Notes | MIT | 3 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/ | 713 | — | ~981 | Automated safety check: Pass | MIT | today |
| 39 | 39.Omd Media 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/ | 531 | — | ~1.1k | Automated safety check: Pass | MIT | 7 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/ | 116 | — | ~919 | Automated safety check: Pass | MIT | 10 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/ | 212 | — | ~1.3k | Automated safety check: Pass | MIT | today |
| 42 | Extracts icons, metadata, text, forms, videos and social links from any web page with playwright-cli, with SVG icon classification and cleanup. | adobe/ | 196 | — | ~1k | Automated safety check: Pass | Apache-2.0 | today |
| 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/ | 783 | — | ~5.1k | Automated safety check: Notes | MIT | 2 mo ago |
| 44 | Create or review IntelliJ New UI SVG icons and theme variants. | JetBrains/ | 21k | — | ~3.1k | Automated safety check: Pass | Unknown | today |
| 45 | 45.Icons Src Add custom SVG icons to salesforcedx-vscode-services for font generation. | forcedotcom/ | 1k | — | ~891 | Automated safety check: Pass | BSD-3-Clause | today |
| 46 | Generate and iterate images in Cursor using the built-in image model and strong prompts. | tmcfarlane/ | 110 | — | ~1.8k | Automated safety check: Pass | MIT | 3 mo ago |
| 47 | Generate cohesive, project-specific SVG icon sets for websites and applications. | jezweb/ | 1.1k | — | ~2k | Automated safety check: Pass | MIT | 2 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/ | 121 | — | ~851 | Automated safety check: Pass | No licence | 5 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.
Explore related skills
Category
More topics in Frontend & Design
- Accessibility1,033
- Design systems836
- UI design478
- Landing pages460
- React components455
- Internationalization414
- Typography397
- Design tokens395
- Frontend development360
- CSS and styling352
- Theming and dark mode337
- Web performance316
- HTML artifacts277
- State management276
- Static sites and blogs268
- UX design265
- Responsive design261
- Web animation and motion190
- Forms and validation180
- Design to code104