← ClaudeAtlas

chameleon-controls-librarylisted

Builds UIs with Chameleon web components (ch-*). Use when the user mentions Chameleon, ch- components, or needs enterprise UI patterns like grids, trees, chat, sidebars, accordions, combos, tabs, dialogs, or forms. Also use for: implementing a UI from Figma or images, vibe coding a UI, migrating an existing UI to Chameleon, or auditing Chameleon usage in an application.
lennix1337/Genexus18MCP · ★ 19 · AI & Automation · score 84
Install: claude install-skill lennix1337/Genexus18MCP
# Chameleon Controls Library Build UIs with Chameleon web components. This skill covers component selection, structure, wiring, usage, and styling of individual components. For Design System-level patterns (tokens, class naming, theme architecture), use the **design-system-builder** skill ## Workflow The workflow is a sequence of phases. Depending on the task, you can enter at any phase, skip phases that don't apply, and jump back to earlier phases to fix issues. Phases A and B always run in parallel at the start ``` ┌─────────────────────────────────────────────────────────────┐ │ [Entry Point] │ │ │ │ │ ┌─────────────┼─────────────┐ │ │ ▼ ▼ │ │ A: Gain Context B: Installation │ │ └─────────────┬─────────────┘ │ │ ▼ │ │ C: Understand the UI │ │ ┌──────┬───────┬───────┬──────┐ │ │ C1 C2 C3 C4 C5 │ │ Figma Image Text Migration Audit─────┐ │ │ └──────┴───────┴───────┘ │ │ │ │ │ │ │ ▼ │ │ │