What is a Doover widget?

A Doover widget is a specialized remote UI component designed to be integrated into the Doover platform using Module Federation, allowing for modular and scalable application interfaces.

Does this skill help with the final deployment?

While it focuses on development, the skill includes a specific validation phase (Phase 5) that checks the widget build and configuration to ensure it meets platform requirements before deployment.

Can I use existing code as a reference for my widget?

Yes, the skill includes a reference phase that can extract JS and UI patterns from local directories, GitHub repositories, or even image mockups to inform the widget's design and logic.

How does the skill handle widget naming?

It automatically generates and maintains four different naming formats (PascalCase, kebab-case, snake_case, and Title Case) to ensure consistency across file systems, npm packages, and code references.

What are the prerequisites for using this skill?

You need an existing Doover app directory with a doover_config.json, the GitHub CLI (gh) authenticated, and Node.js 18+ installed in your environment.

Doover Widget Builder

Name: Doover Widget Builder
Author: getdoover

bygetdoover

0•

개발자 도구

Scaffolds and customizes remote UI widgets for Doover applications using a structured phase-based workflow.

The Doover Widget Builder skill streamlines the development of remote UI components within the Doover ecosystem by automating the entire creation lifecycle. It guides developers through a specialized five-phase process: from initial boilerplate scaffolding and multi-format name normalization to extracting UI patterns from reference repositories and generating production-ready JavaScript code. By integrating Module Federation best practices and validating builds automatically, this skill ensures that new widgets are perfectly compatible with the Doover platform architecture while reducing manual configuration overhead.

주요 기능

01Seamless integration with Doover platform documentation and hooks

02Phase-gated workflow for structured planning, building, and validation

03Multi-format name normalization (PascalCase, kebab-case, snake_case, Title Case)

04Pattern extraction from reference code repositories and design images

05Automated widget scaffolding from official Doover templates

060 GitHub stars

사용 사례

01Adding new data-driven dashboard widgets to an existing Doover application

02Scaffolding blank widget templates for rapid prototyping within a Module Federation architecture

03Converting existing UI components or design mockups into specialized Doover remote widgets

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add getdoover/doover-skills doover-add-widget

For use in Claude.ai and ChatGPT

Download Skill