skills.rest
Terdthai
TerdthaiCOMMUNITY
Explore all skills by this author →
GitHub

singular-widget-builder

Create and modify Singular widgets with layout, state, and API-exposed fields.

Updated Aug 23, 2026
Search Tags:#development#ui#api#configuration#widget#singular
One-click install
npx skills add https://github.com/Terdthai/singular-widget-builder --skill singular-widget-builder
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: singular-widget-builder
Source: https://github.com/Terdthai/singular-widget-builder/tree/main/.agents/skills/singular-widget-builder
Command: npx skills add https://github.com/Terdthai/singular-widget-builder --skill singular-widget-builder

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill streamlines the creation and modification of Singular widgets, ensuring they are functional, well-configured, and adhere to best practices.

Core Features & Use Cases

  • Widget Creation: Build new Singular widgets from scratch or based on existing patterns.
  • Widget Updates: Modify existing widgets, including layout, state, data mapping, and API exposure.
  • Configuration: Add or update widget configuration options and UI controls.
  • Use Case: A user wants to create a new widget to display real-time stock prices. This Skill will guide them through defining the widget's data inputs, UI elements, and rendering logic.

Quick Start

Use the singular-widget-builder skill to create a new widget named 'stock-ticker'.

Frequently Asked Questions about singular-widget-builder

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

FAQPage Schema
How do I build a Singular widget from scratch?▼

To build a Singular widget, you define its layout, state management, data mapping, and API-exposed fields. This process ensures the widget is functional, well-configured, and adheres to best practices for UI rendering and data inputs.

Can I update an existing Singular widget without breaking its current API contract?▼

Yes, you can modify existing Singular widgets while preserving an existing widget contract. This allows you to alter widget behavior or presentation and add configuration options without disrupting exposed API fields.

How do I expose widget fields to an API in Singular?▼

Exposing widget fields to an API in Singular involves defining public fields during widget creation or modification. This maps internal widget data to accessible API endpoints for external integration.

What is the best way to add new configuration options to a Singular widget?▼

The best way to add new configuration options to a Singular widget is by updating its configuration settings and UI controls. This incremental feature enhancement allows users to customize widget behavior dynamically.

When should I modify widget layout versus state management in Singular?▼

Modify widget layout in Singular to change visual presentation and UI elements, whereas state management modifications handle internal data logic. Adjusting data mapping connects these internal states to external data inputs.

Related Skills

Explore More Software Engineering Skills→
simonconway1979simonconway1979
4

os-welcome

Routes users to the correct OS-Intelligence flow and configures permissions.

Community
Advanced
jokken79jokken79
1

Shodan Reconnaissance and Pentesting

Identify exposed devices and services using Shodan search, CLI, and REST API.

Community
Advanced
alceupassosalceupassos

react

Guide React UI development with LobeHub component conventions and styling.

Community
Intermediate
CupnfishCupnfish

Masonry Widget System

Construct and render Masonry widget trees for Xilem UI.

Community
Advanced