skills/.system/jwebmp-fontawesome/SKILL.md
FontAwesome icon integration for JWebMP with 6,000+ free icons. Provides typed icon components, CSS classes, solid/regular/brands styles, sizing, rotation, animation, stacking, and duotone support. Use when working with FontAwesome icons, adding icons to components, styling icons, or implementing icon-based UIs in JWebMP applications.
npx skillsauth add guicedee/ai-rules jwebmp-fontawesomeInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
FontAwesome 6 free icon integration for JWebMP with 6,000+ icons.
import com.jwebmp.plugins.fontawesome.icons.*;
Icon icon = new Icon()
.setIconClass(FontAwesomeIcons.FA_HOME)
.setStyle(IconStyle.SOLID)
.setSize(IconSize.LG);
page.getBody().add(icon);
Button<?, ?> btn = new Button<>();
btn.add(new Icon().setIconClass(FontAwesomeIcons.FA_DOWNLOAD));
btn.add(new Span<>().setText(" Download"));
// Solid (fas)
new Icon().setIconClass(FontAwesomeIcons.FA_HOME).setStyle(IconStyle.SOLID);
// Regular (far)
new Icon().setIconClass(FontAwesomeIcons.FA_HEART).setStyle(IconStyle.REGULAR);
// Brands (fab)
new Icon().setIconClass(FontAwesomeIcons.FA_GITHUB).setStyle(IconStyle.BRANDS);
icon.setSize(IconSize.XS); // Extra small
icon.setSize(IconSize.SM); // Small
icon.setSize(IconSize.LG); // Large
icon.setSize(IconSize.X2); // 2x
icon.setSize(IconSize.X3); // 3x
icon.setSize(IconSize.X5); // 5x
icon.setSize(IconSize.X10); // 10x
icon.setRotation(IconRotation.ROTATE_90);
icon.setRotation(IconRotation.ROTATE_180);
icon.setRotation(IconRotation.FLIP_HORIZONTAL);
icon.setRotation(IconRotation.FLIP_VERTICAL);
icon.setAnimation(IconAnimation.SPIN);
icon.setAnimation(IconAnimation.PULSE);
icon.setFixedWidth(true); // Consistent width for lists
IconStack stack = new IconStack();
stack.add(new Icon()
.setIconClass(FontAwesomeIcons.FA_SQUARE)
.setStackSize(IconStackSize.STACK_2X));
stack.add(new Icon()
.setIconClass(FontAwesomeIcons.FA_FLAG)
.setStackSize(IconStackSize.STACK_1X)
.setInverse(true));
FA_HOME, FA_BARS, FA_SEARCH, FA_USERFA_PLUS, FA_MINUS, FA_EDIT, FA_TRASH, FA_SAVEFA_PLAY, FA_PAUSE, FA_STOP, FA_VOLUME_UPFA_FACEBOOK, FA_TWITTER, FA_GITHUB, FA_LINKEDINFA_FILE, FA_FILE_PDF, FA_FILE_EXCEL, FA_FILE_WORD<dependency>
<groupId>com.jwebmp.plugins</groupId>
<artifactId>fontawesome</artifactId>
</dependency>
module com.jwebmp.plugins.fontawesome {
requires transitive com.jwebmp.core;
exports com.jwebmp.plugins.fontawesome;
exports com.jwebmp.plugins.fontawesome.icons;
}
com.jwebmp.plugins.fontawesomedevelopment
Install Codex skills into $CODEX_HOME/skills from a curated list or a GitHub repo path. Use when a user asks to list installable skills, install a curated skill, or install a skill from another repo (including private repos).
tools
Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends Codex's capabilities with specialized knowledge, workflows, or tool integrations.
development
WebAwesome icon integration for JWebMP — modern, open-source icon library. Provides 1,500+ icons with solid/regular styles, sizing, rotation, animation, and CSS utilities. Drop-in FontAwesome alternative with fresh designs. Use when working with WebAwesome icons, modern icon designs, or as FontAwesome alternative in JWebMP applications.
development
WebAwesome Pro integration for JWebMP with premium icons and features. Extends jwebmp-webawesome with additional styles, premium icons, and advanced features. Use when working with WebAwesome Pro icons or premium WebAwesome features in JWebMP applications.