What problem does it solve? When writing or reviewing code in projects using @lucca-front/ng or @lucca-front/scss, AI assistants often hallucinate component APIs, property names, or CSS classes. This Skill grounds every answer in the official Lucca Front 22.0.x documentation, enforcing version detection and consultation of component references before any code generation. ## Core Features & Use Cases - Component API Reference: Access API docs, Angular/HTML examples, design guidelines, and Figma mappings for 120+ components (button, select, dialog, data-table, etc.) via structured per-component files. - Version Safety: Detects the installed patch version from package.json and blocks code generation when the project version mismatches the skill's coverage (22.0.x). - Migration & Deprecation Support: Lists cumulative ng generate codemods and deprecated components with their replacements. - Use Case: A developer asks to add a luButton with a tooltip to an Angular template. The skill first verifies the installed @lucca-front/ng version, then reads references/components/button/button.md and tooltip docs to produce code using only real selectors, inputs, and types. ## Quick Start Ask the assistant to generate an Angular template using Lucca Front components such as a button with a tooltip, and it will consult the versioned component documentation before writing any code.
