forge-auto-widget-layout

Automate widget layout in ForgeUiContext with stack-based vertical and horizontal panels.

Updated Mar 17, 2026
One-click install
npx skills add https://github.com/code-review-benchmark/coderabbit_prs2__forge-gpu__coderabbit__PR323__20260317 --skill forge-auto-widget-layout
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: forge-auto-widget-layout
Source: https://github.com/code-review-benchmark/coderabbit_prs2__forge-gpu__coderabbit__PR323__20260317/tree/main/.claude/skills/forge-auto-widget-layout
Command: npx skills add https://github.com/code-review-benchmark/coderabbit_prs2__forge-gpu__coderabbit__PR323__20260317 --skill forge-auto-widget-layout

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

ForgeUiContext relies on manual widget placement; this Skill provides a stack-based layout model to automate positioning, reducing mistakes and saving development time.

Core Features & Use Cases

  • Stack-based layout cursor supports vertical and horizontal directions with padding and spacing
  • Enables nested layouts for complex UIs and reusable widget patterns
  • Use case: quickly assemble a settings panel with a vertical column and a nested horizontal button row

Quick Start

Instantiate a ForgeUiContext, push a vertical layout, and declare widgets using the _layout variants to auto-position them.

Frequently Asked Questions about forge-auto-widget-layout

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate widget placement in immediate-mode UIs without manual coordinates?

Automating widget placement uses a stack-based layout model in ForgeUiContext to auto-position widgets. This eliminates manual coordinate calculations by managing vertical stacks and horizontal rows through layout push and pop calls.

Can I create nested layouts for complex UI panels in ForgeUiContext?

Nested layouts in ForgeUiContext are supported by pushing and popping layout stacks. Developers can nest vertical columns inside horizontal rows to build complex UI structures like settings panels with mixed widget types.

How do I start using stack-based layout for a ForgeUiContext settings panel?

To start stack-based layout, instantiate a ForgeUiContext and push a vertical layout. Declare widgets using _layout convenience variants to auto-position them, then nest a horizontal row by pushing a new layout for buttons.

Does this layout approach work with mixed widget types and nested panels?

This layout approach works with mixed widget types and nested panels in immediate-mode UIs. The stack-based cursor handles diverse widgets by applying consistent padding and spacing across nested vertical and horizontal directions.

What is the difference between manual widget placement and stack-based layout nesting?

Stack-based layout nesting replaces manual widget placement by using a cursor to track position automatically. Unlike manual placement, it reduces positioning mistakes and saves development time through automated push, pop, and next operations.

Why does my widget layout break when nesting horizontal rows in ForgeUiContext?

Widget layout breaks during nesting when layout push and pop calls are unbalanced. Ensure every forge_ui_ctx_layout_push for a horizontal row is matched with a forge_ui_ctx_layout_pop to correctly restore the parent vertical stack context.