skills.rest
Design-System-ET
Design-System-ETOFFICIAL
Explore all skills by this author →
GitHub

chameleon-controls-library

Build web interfaces with Chameleon components, data grids, and form controls.

Updated Jun 16, 2026
Search Tags:#frontend#design system#enterprise#ui development#web components#chameleon
One-click install
npx skills add https://github.com/Design-System-ET/genexus-dev-opencode --skill chameleon-controls-library-design-system-et
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: chameleon-controls-library
Source: https://github.com/Design-System-ET/genexus-dev-opencode/tree/main/skills/chameleon-controls-library
Command: npx skills add https://github.com/Design-System-ET/genexus-dev-opencode --skill chameleon-controls-library-design-system-et

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill streamlines the development of enterprise-grade web interfaces by providing a structured, component-driven approach to building UIs with the Chameleon library, ensuring consistency and adherence to best practices.

Core Features & Use Cases

  • Component Selection: Provides an exhaustive catalog of 58 components with clear "when to use" and "when NOT to use" guidance to prevent architectural anti-patterns.
  • Styling Strategy: Offers a robust decision tree for styling via Design Systems, CSS Shadow Parts, and custom properties.
  • Use Case: Use this Skill when you need to implement a complex dashboard with resizable split panels, data grids, and AI chat interfaces, ensuring all components are wired correctly and follow accessibility standards.

Quick Start

Use the chameleon-controls-library skill to build a settings panel with a sidebar, collapsible groups, and form controls based on the provided design requirements.

Frequently Asked Questions about chameleon-controls-library

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

FAQPage Schema
How do I build enterprise web interfaces with complex data grids and resizable layouts?▼

You can style web components using the Chameleon library's styling decision tree, which guides the application of Design Systems, CSS Shadow Parts, and custom properties to ensure visual consistency across enterprise interfaces.

When should I use specific web components for dashboard development?▼

You can style web components using the Chameleon library's styling decision tree, which guides the application of Design Systems, CSS Shadow Parts, and custom properties to ensure visual consistency across enterprise interfaces.

Does the Chameleon web component library support accessibility standards for interactive form controls?▼

You can style web components using the Chameleon library's styling decision tree, which guides the application of Design Systems, CSS Shadow Parts, and custom properties to ensure visual consistency across enterprise interfaces.

What is the best way to structure a settings panel with a sidebar and collapsible groups?▼

You can style web components using the Chameleon library's styling decision tree, which guides the application of Design Systems, CSS Shadow Parts, and custom properties to ensure visual consistency across enterprise interfaces.

When should I avoid using certain UI components in enterprise web development?▼

You can style web components using the Chameleon library's styling decision tree, which guides the application of Design Systems, CSS Shadow Parts, and custom properties to ensure visual consistency across enterprise interfaces.

Related Skills

Explore More Software Engineering Skills→
Design-System-ETDesign-System-ET

design-system-builder

Generate CSS design systems with Chameleon components and 3-tier token architecture.

Official
Advanced
NoobyGainsNoobyGains
78

ui-engineering

Guide frontend component architecture with layout, state, and accessibility decisions.

Community
Advanced
elab-developmentelab-development

fluxui-development

Create Flux UI components in Laravel Blade and Livewire workflows.

Official
Basic
frankxaifrankxai
31

UI/UX Design Expert

Provide UI/UX design guidance covering WCAG 2.2 accessibility and design systems.

Community
Intermediate