widget-creator

Generate Hex1b widget scaffolds with nodes, theming, extensions, and tests.

173|17|Updated Dec 6, 2025
One-click install
npx skills add https://github.com/mitchdenny/hex1b --skill widget-creator
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: widget-creator
Source: https://github.com/mitchdenny/hex1b/tree/main/.github/skills/widget-creator
Command: npx skills add https://github.com/mitchdenny/hex1b --skill widget-creator

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides a structured, repeatable methodology for extending the Hex1b TUI library by adding new widgets. It codifies the required widgets, nodes, theming, extensions, and tests so teams can implement UI components quickly and consistently.

Core Features & Use Cases

  • Widget scaffolding: Create the immutable widget record, the mutable node, theme elements, and fluent extensions.
  • End-to-end scaffold: Includes unit tests for node behavior and integration tests for UI rendering.
  • Use case: When a team needs a new interactive control (e.g., a custom button or input) in Hex1b, follow this skill to generate a complete, consistent implementation.

Quick Start

Generate a new widget named ExampleWidget by following the template and file layout described in this skill; the tool will produce:

  • src/Hex1b/Widgets/ExampleWidgetWidget.cs
  • src/Hex1b/Nodes/ExampleWidgetNode.cs
  • src/Hex1b/ExampleWidgetExtensions.cs
  • src/Hex1b/Theming/ExampleWidgetTheme.cs
  • tests/Hex1b.Tests/ExampleWidgetNodeTests.cs

Frequently Asked Questions about widget-creator

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

FAQPage Schema
How do I add a new widget to a TUI library?

Building a custom TUI widget requires scaffolding an immutable widget record, a mutable node, theme elements, and fluent extension methods. This approach provides a repeatable blueprint for creating interactive controls consistently within the Hex1b library.

What files do I need to create for a Hex1b widget?

You need to generate files across five directories: the widget record, mutable node class, theme elements, fluent extensions, and unit tests. This structured file layout ensures consistent integration of new controls within the Hex1b TUI library.

How do I structure unit tests for TUI widget nodes?

Structure unit tests by generating test files that validate mutable node behavior and include integration tests for UI rendering. This ensures the new interactive control functions correctly and consistently within the Hex1b library architecture.

Why do I need separate widget records and node classes?

Separating immutable widget records from mutable node classes isolates the widget definition from its runtime state changes. This architecture maintains predictable rendering behavior while allowing interactive state updates within the TUI library.

Can I generate theming elements for custom TUI controls?

Yes, generating theming elements is a core part of the widget scaffolding process. The blueprint includes creating theme files alongside widget records and nodes to ensure consistent visual styling and rapid UI component implementation.

What is the best way to ensure consistent widget architecture across a team?

Use a structured, repeatable methodology that codifies the required widget records, node classes, theming, extensions, and tests. This blueprint approach enables teams to implement new interactive UI components quickly and with architectural consistency.