icon-usage alternatives
The most used alternatives to icon-usage are css-file-size, css-critical, highlights. All are design skills with an active GitHub repository, ranked below by GitHub stars and recent activity.
| # | Skill | What it does | Runs | Updated | Stars |
|---|---|---|---|---|---|
| ref | icon-usage Snap-Mind | Enforce centralized icon usage through the Icon component. Use when adding, using, or referencing icons in any component. All icons must go through src/components/Icon.tsx — never import react-icons directly in other files. | Skill | today | 48 |
| 1 | css-file-size thedaviddias | Use when auditing slow page loads, heavy assets, or rendering delays related to Optimize CSS file size. Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes. | Skill | 14 days ago | 75k |
| 2 | css-critical thedaviddias | Use when reviewing stylesheets, component styles, and responsive behavior related to Inline critical CSS for faster rendering. Check the rendered layout across breakpoints and interaction states before proposing a fix. | Skill | 14 days ago | 75k |
| 3 | highlights pierrecomputer | Use when an app uses @pierre/highlights to generate syntax-highlighted HTML or tokens, stream code, incrementally tokenize edits, or apply Zed-compatible themes and CSS variables. | Skill | today | 6.3k |
| 4 | css-order thedaviddias | Use when reviewing stylesheets, component styles, and responsive behavior related to Order CSS files correctly. Check the rendered layout across breakpoints and interaction states before proposing a fix. | Skill | 14 days ago | 75k |
| 5 | rewrite-commit-message penpot | Rewrite HEAD's commit message (typically a squash that concatenated old messages) into one proper title plus description following Penpot commit conventions, preserving every distinct AI-assisted-by attribution. Amends in place, never pushes. | Skill | today | 61k |
| 6 | threejs-fundamentals sickn33 | Three.js scene setup, cameras, renderer, Object3D hierarchy, coordinate systems. Use when setting up 3D scenes, creating cameras, configuring renderers, managing object hierarchies, or working with transforms. | Skill | yesterday | 48k |
| 7 | threejs asgeirtj | Three.js 3D reference hub. Use when working with Three.js: pick the topic below and read its file for patterns and API guidance. | Skill | yesterday | 70k |
| 8 | oh-my-posh JanDeDobbeleer | Install, configure, or troubleshoot Oh My Posh/ohmyposh: shell init, themes, segments, Nerd Font icons, and prompt setup on PowerShell, zsh, bash, or fish. | Skill | today | 24k |
| 9 | ng-alain-developer ng-alain | Generates Angular code and provides architectural guidance. Trigger when creating projects, components, or services, or for best practices on reactivity (signals, linkedSignal, resource), forms, dependency injection, routing, SSR, accessibility (ARIA), animations, styling (component styles, Tailwind CSS), testing, or CLI tooling. | Skill | 13 days ago | 4.5k |
| 10 | threejs-loaders sickn33 | Three.js asset loading - GLTF, textures, images, models, async patterns. Use when loading 3D models, textures, HDR environments, or managing loading progress. | Skill | yesterday | 48k |
| 11 | hyperflow-design jeremylongshore | Hyperflow design phase. Use when designing a UI / visual system or making a screen look good — verbs like "design the UI", "make it look good", "design the screen", "visual design", "design system". Establishes or extends a domain-grounded design system, researches real-world prior art, and renders it slop-free. Thinking and taste, not building. | Skill | yesterday | 2.9k |
| 12 | designlang-tokens Manavarya09 | Use when styling UI for netflix.com — references the extracted design system tokens instead of inventing colors, spacing, or typography. | Skill | yesterday | 4.3k |
Questions
What is the best alternative to icon-usage?
By usage, css-file-size is the most popular alternative, with 75k GitHub stars. The right choice depends on which features and hosting you need.
Is icon-usage still maintained?
Its last commit was today. You can see current activity on its listing page.