component-build

Automate UI component creation and widget registration in the GoFastr framework.

13|1|Updated May 8, 2026
One-click install
npx skills add https://github.com/DonaldMurillo/gofastr --skill component-build
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: component-build
Source: https://github.com/DonaldMurillo/gofastr/tree/main/.claude/skills/component-build
Command: npx skills add https://github.com/DonaldMurillo/gofastr --skill component-build

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill streamlines the process of building and extending UI components in the GoFastr framework, automating repetitive tasks and ensuring adherence to best practices.

Core Features & Use Cases

  • Automated Component Creation: Generate UI components like modals, drawers, toasts, and more based on predefined patterns.
  • Widget Registration: Automate the registration of new widgets into the GoFastr widget registry.
  • SSR Inline & Hydration: Facilitate server-side rendering and client-side hydration of UI components for seamless user experience.
  • Use Case: When you need to add a new dropdown widget to your application, this Skill automates the creation, registration, and integration process.

Quick Start

Run the component-build skill with the following command: component-build create dropdown "user-menu" --label "user-menu-title" --slot "body"

Frequently Asked Questions about component-build

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

FAQPage Schema
How do I automate UI component creation in GoFastr?

Automating UI component creation in GoFastr is handled by generating widgets like modals and toasts from predefined patterns, automatically registering them into the framework's widget registry while ensuring adherence to minimal-register and SSR-inline contracts.

What is the minimal-register and SSR-inline contract for GoFastr widgets?

The minimal-register and SSR-inline contract for GoFastr widgets is an architectural pattern that ensures new UI components are efficiently registered for server-side rendering and seamlessly hydrated on the client-side, optimizing application performance and user experience.

How do I add a new dropdown widget to a GoFastr application?

To add a new dropdown widget to a GoFastr application, you run a component creation command specifying the widget type, name, label, and body slots, which automates the generation, registration, and integration process.

Does GoFastr support server-side rendering and client-side hydration for UI components?

GoFastr supports server-side rendering and client-side hydration for UI components by facilitating SSR-inline output during widget creation and registration, ensuring components render seamlessly on the server before becoming interactive on the client.

Can I generate modals, drawers, and toasts automatically within the GoFastr framework?

You can generate modals, drawers, toasts, and other UI components automatically within the GoFastr framework by using predefined patterns that handle both the structural creation and the required widget registry integration.

What are the limitations of automating widget registration in GoFastr?

Limitations of automating widget registration in GoFastr include strict adherence to the minimal-register, SSR-inline, and hydrate contract, meaning any custom UI logic outside these predefined patterns may require manual integration and framework-specific adjustments.