k-fenui_skill

This skill helps you build consistent, themed FenUI WoW addons by guiding layout, widgets, and theming across panels, frames, and tabs.

10

GitHub Stars

1

Bundled Files

2 months ago

Catalog Refreshed

4 months ago

First Indexed

Readme & install

Copy the install command, review bundled files from the catalogue, and read any extended description pulled from the listing source.

Installation

Preview and clipboard use veilstrat where the catalogue uses aiagentskills.

npx veilstrat add skill falkicon/mechanic --skill k-fenui

SKILL.md3.2 KB

Overview

This skill provides context and reference for FenUI, a widget library for World of Warcraft addons. It summarizes widgets, layout patterns, theming, and recommended practices to speed UI construction. Load it when building addon interfaces or when working with FenUI components like frames, panels, buttons, and tabs.

How this skill works

The skill inspects and documents FenUI primitives and layout behavior so you can declare interfaces instead of manually positioning frames. It outlines container widgets (Panel, Frame, Window), layout managers (Layout, Grid, Stack), input and display widgets, and the theming API. Code snippets show how to create panels, buttons, layouts, grids, and tabs, and how to set a theme table for consistent styling.

When to use it

When building or refactoring an addon UI that should be composable and themeable
When you need a consistent widget set (buttons, panels, tabs) across multiple addon screens
When you want declarative layouts to replace manual point-based positioning
When implementing keyboard navigation and accessible focus handling
When theming or skinning multiple widgets from a central theme table

Best practices

Use Layout containers (Layout, Grid, Stack) instead of manual positioning to ensure consistent spacing and resizing
Prefer FenUI widgets over raw frames to leverage built-in behaviors and styling
Keep view code thin: let the UI display data provided by your addon’s bridge or controller layer
Test interfaces at multiple UI scales and resolutions to ensure layout resilience
Define and reuse a theme table to maintain consistent colors, fonts, and accents across widgets

Example use cases

Create a settings panel with FenUI.Panel and Layout to automatically arrange option rows and action buttons
Build a multi-tab configuration window using FenUI.Tabs with distinct content frames per tab
Design a grid-based item browser using FenUI.Grid for consistent columns and row heights
Compose a small tool window with FenUI.Button, EditBox, and ProgressBar for in-game utilities and status display
Apply a custom theme to match your addon’s visual identity across panels, buttons, and labels

FAQ

Provide defaultTab when creating FenUI.Tabs or call the tabs widget API (onTabChanged or a provided SetTab method) to change the active tab.

Can I mix raw frames with FenUI widgets?

Yes, but avoid it when equivalent FenUI widgets exist. Mixing is fine for special cases, but you lose consistent theming and built-in layout behavior if you bypass FenUI widgets.