Improve JavaFX development with scene inspection, CSS debugging, state-devtools, and diagnostic overlays.
NewMaintained
Automatic
◆Frontend / UI pack
Last verified 8/4/2026
What it changes
Passed 21 of 24 test cases with the skill, and 22 of 24 without it.
Without skill92%
With skill88%
0 fixed21 passed either way2 still failing1 broke
Pass-rate lift
-4 pp
Tokens
-8%
Agent turns
0%
Response time
-26%
Model gemini-3.6-flashMeasured 8/4/2026v121 of 24 cases passed with skill
Tokens, turns and time describe resource use, not a dollar price.
What's inside
The instructions your model reads when the skill loads.
SKILL.md46 linessingle file
JavaFX Devtools, Inspection, and Debugging
Use this skill when the problem is understanding what the UI is doing: layout issues, CSS
application, live scene-graph state, reducer events, thread diagnostics, or development-only
debugging overlays.
Example
import javafx.scene.control.Label;
import javafx.scene.input.KeyCode;
import javafx.scene.layout.BorderPane;
import javafx.scene.layout.StackPane;
public class InspectableView extends StackPane {
public InspectableView() {
var root = new BorderPane(new Label("Press F12"));
var overlay = new Label("Debug overlay");
overlay.setVisible(false);
overlay.setManaged(false);
setOnKeyPressed(event -> {
if (event.getCode() == KeyCode.F12) {
overlay.setVisible(!overlay.isVisible());
}
});
getChildren().addAll(root, overlay);
setFocusTraversable(true);
}
}
Setup notes
Use tools such as Scenic View, CssFX, Scene Builder, browser debuggers, or custom overlays to
shorten feedback loops during UI work.