remix-icon

Guide for implementing RemixIcon - an open-source neutral-style icon library with 3,100+ icons in outlined and filled styles. Use when adding icons to applications, building UI components, or designing interfaces. Supports webfonts, SVG, React, Vue, and direct integration.

Quality

79%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

Securityby

Passed

No findings from the security scan

Fix and improve this skill with Tessl

tessl review fix ./claude/skills/remix-icon/SKILL.md

Quality

Content

71%Weight 40%Scale 1-5

Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.

A highly actionable, well-structured reference guide with copy-paste code for every integration path. Its main weaknesses are verbosity from generic CSS examples and a monolithic structure with no progressive disclosure into separate files.

Suggestions

Trim generic CSS Claude already knows (the spin keyframes, responsive media query, currentColor, and line-height/vertical-align notes) to tighten token use.

Move the 20-category table and per-framework integration details into reference files under references/ and link to them from SKILL.md to improve progressive disclosure.

Drop or condense the Design Tool Integration section (Figma plugin, Sketch/Adobe copy, PowerPoint) unless it is a common use case, as it adds length without proportional value.

Dimension	Reasoning	Score
Conciseness	Mostly efficient reference material (naming convention, framework usage, categories, troubleshooting), but padded with generic CSS Claude already knows (spin keyframes, responsive media queries, currentColor, vertical-align/line-height).	3 / 5
Actionability	Fully executable, copy-paste-ready code throughout: install commands, CDN link, HTML webfont usage, React/Vue component imports with props, SVG sprite, and dynamic React patterns covering the common cases.	5 / 5
Workflow Clarity	Clear logical flow from install to naming to usage patterns, and a solid troubleshooting checklist with diagnostic steps; no destructive/batch operation requiring validation, so the minor checkpoint gap is acceptable.	4 / 5
Progressive Disclosure	Well-organized sections, but it is a ~250-line monolithic single file with no bundle files or references; the 20-category table, framework integrations, and advanced usage are inlined content that could be split into separate reference files.	3 / 5
	Total	15 / 20 Passed

Description

87%Weight 40%Scale 1-5

Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.

A strong, third-person description that clearly answers what the skill does and when to use it, with a named library giving it high distinctiveness. It could push higher on specificity and trigger terms by adding more concrete capability verbs and asset/file-type synonyms.

Suggestions

Replace generic verbs ("implementing", "building", "designing") with more concrete capabilities like "install via NPM/CDN, render as webfont or inline SVG, and import React/Vue components".

Add natural asset terms users say ("icon set", ".svg", "icon font", "line vs filled icons") to broaden trigger coverage.

Dimension	Reasoning	Score
Specificity	Lists several concrete actions ("adding icons to applications", "building UI components", "designing interfaces") and supported integrations, but the verbs are somewhat generic compared to anchor-5's highly concrete action list.	4 / 5
Completeness	Explicitly states both what ("icon library with 3,100+ icons in outlined and filled styles", supported formats) and when ("Use when adding icons to applications, building UI components, or designing interfaces") with concrete trigger phrases.	5 / 5
Trigger Term Quality	Good natural keyword coverage ("adding icons", "UI components", "designing interfaces", framework names) but misses synonyms and file/asset extensions users might say, falling short of anchor-5.	4 / 5
Distinctiveness Conflict Risk	Names a specific library (RemixIcon) with a distinct niche and concrete triggers, giving minimal overlap risk with other skills.	5 / 5
	Total	18 / 20 Passed

Validation

100%

Warnings & errors only

Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.

Validation — 16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository: einverne/dotfiles
Path: claude/skills/remix-icon/SKILL.md
Commit: 7d18cf4

Reviewed: 4 days ago

Table of Contents

Discovery Implementation Validation

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.