Glow Component Factory

Community

Effortless Amber UI components, factory-driven.

AuthorPROdotes
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This skill provides a structured blueprint for building consistent Amber UI components using the GlowFactory pattern in Gosling2. It ensures design-system coherence, reduces inline styling, and accelerates UI widget creation.

Core Features & Use Cases

  • Standardized Component Template: a repeatable pattern to create new Glow widgets (base class, signals, UI setup) that integrate with the Glow design system.
  • Phase-driven Workflow: Design & Planning, Implementation, Styling, Integration, Testing to ensure quality and consistency.
  • Theme-driven Styling: all styling via theme.qss and objectName with no inline styles.
  • Easy Integration: components are exported from glow/init.py and consumed by parent widgets.

Quick Start

Start by defining a new component name (e.g., GlowMyComponent), follow Phase 2 template to implement the Python class, set object names, apply QSS rules in theme.qss, export from the Glow module, and run the UI to verify visuals.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: Glow Component Factory
Download link: https://github.com/PROdotes/Gosling2/archive/main.zip#glow-component-factory

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.