jsgui3-control-creation

To scaffold a jsgui3 UI control, this skill generates the necessary class definitions, TypeScript declaration files, and SCSS, enforcing framework conventions and theme integration automatically.

Creating themeable TypeScript components in jsgui3 requires setting up SASS/CSS variable hooks and TypeScript declarations. This skill automates that setup to ensure your new controls integrate seamlessly with the framework's theme system.

Yes, jsgui3 control scaffolding enforces specific naming conventions, applying Camel_Case for class names and snake_case for methods to ensure your generated components adhere to the framework's established coding standards.

Yes, you can generate TypeScript declaration files and SCSS together. When you create a new control, the skill outputs the JavaScript class file, its corresponding .d.ts file, and basic styling pre-configured for themeability.

To add SSR guards and variant registration to a jsgui3 component, the scaffolding process includes optional support for these features, ensuring your new UI controls are server-side rendering safe and properly registered.

A jsgui3 UI control needs a separate TypeScript declaration file to provide type safety and define the control's API. This skill generates these .d.ts files alongside the class definitions to maintain robust TypeScript integration.