Skills
.Work. You
Rest

jsgui3-control-creation

Community

Scaffold new jsgui3 UI controls.

Software Engineering#typescript#theming#scaffolding#ui development#component creation#jsgui3
Authormetabench
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill streamlines the creation of new UI controls for the jsgui3 framework, ensuring adherence to established patterns, naming conventions, and theme system integration.

Core Features & Use Cases

  • Automated Scaffolding: Generates the necessary files and boilerplate code for new controls.
  • Convention Enforcement: Applies correct naming (Camel_Case for classes, snake_case for methods) and structure.
  • Theme Integration: Sets up integration with the jsgui3 theme system, including SASS/CSS variable hooks and TypeScript declarations.
  • Use Case: A developer needs to create a new UserProfileCard component. This Skill will generate the UserProfileCard.js file, its corresponding .d.ts file, and basic SCSS, pre-configured for themeability.

Quick Start

Use the jsgui3-control-creation skill to create a new control named 'ModalDialog' with the base class 'Control'.

Dependency Matrix

Required Modules

None required

Components

references

💻 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: jsgui3-control-creation
Download link: https://github.com/metabench/jsgui3-html/archive/main.zip#jsgui3-control-creation

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.