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

77%

Does it follow best practices?

Impact

Pending

No eval scenarios have been run

Securityby

Passed

No known issues

Optimize this skill with Tessl

npx tessl skill review --optimize ./claude/skills/remix-icon/SKILL.md

Quality

Discovery

N/A

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

Something went wrong

Implementation

77%

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

This is a solid, actionable skill with excellent code examples covering multiple integration methods (webfont, SVG, React, Vue). The main weakness is verbosity - it includes explanatory content Claude doesn't need and could benefit from splitting reference material into separate files. The troubleshooting and best practices sections add genuine value.

Suggestions

Remove the 'When to Use This Skill' section - this duplicates the YAML description and explains obvious use cases

Move the Icon Categories table, Advanced Usage, and Troubleshooting sections to separate reference files (e.g., CATEGORIES.md, ADVANCED.md, TROUBLESHOOTING.md) with brief links from the main skill

Trim explanatory phrases like 'Where:' and 'Examples:' headers - the code examples are self-explanatory

Dimension	Reasoning	Score
Conciseness	The skill is comprehensive but includes some unnecessary explanations Claude would know (e.g., explaining what kebab-case is, basic CSS concepts). The 'When to Use This Skill' section is somewhat redundant given the description. Could be tightened by ~30%.	2 / 3
Actionability	Excellent executable code examples throughout - installation commands, HTML/CSS usage, React/Vue integration, and common patterns are all copy-paste ready. Every usage pattern includes concrete, working code.	3 / 3
Workflow Clarity	For an icon library skill, there's no complex multi-step workflow requiring validation checkpoints. The single-task nature (adding icons) is handled clearly with explicit steps for installation and usage. Troubleshooting section provides clear diagnostic steps.	3 / 3
Progressive Disclosure	Content is well-organized with clear sections, but it's a monolithic document that could benefit from splitting advanced usage, troubleshooting, and framework integrations into separate files. The 400+ line document includes reference material that could be externalized.	2 / 3
	Total	10 / 12 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 — 11 / 11 Passed

Validation for skill structure

No warnings or errors.

Repository: einverne/dotfiles
Commit: b1b2fe0

Reviewed: 27 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.