Standard UI Component Builder

About

This skill automates the creation of production-grade UI components following the RNBT (Page-as-Orchestrator) architectural pattern. It enforces a strict separation of concerns where the page manages data orchestration and global state, while components function as independent subscribers focusing on rendering and event emission. By utilizing a standardized file structure and modular method separation, this skill helps developers build highly reusable, maintainable, and event-driven interfaces for complex data-heavy applications.

Key Features

• GlobalDataPublisher integration for robust Pub/Sub data management
• 0 GitHub stars
• Automated RNBT component scaffolding including HTML, CSS, and JS scripts
• Standardized event-driven communication via Weventbus patterns
• Lifecycle management with automated beforeDestroy cleanup scripts
• Decoupled rendering logic for maximum UI component reusability

Use Cases

• Implementing complex UI interactions through a decoupled event bus system
• Building reactive dashboard components that subscribe to global data topics
• Developing reusable chart and table modules with standardized rendering interfaces