kb-design-engineering

What problem does it solve?

This Skill turns an approved visual direction into production-ready UI polish while preserving existing product behavior and logic.

Core Features & Use Cases

• Scope-safe UI execution: Implements design changes at the correct screen/component level while keeping adjacent logic untouched.
• Visual-to-system mapping: Converts visual intent into token, variant, and wrapper decisions so styling is consistent and maintainable.
• High-leverage refinement: Improves common weak spots like headers, filter/search bars, data tables, KPI cards, navigation identity, and empty/loading states.
• Restraint and validation: Applies changes with semantic tokens and component variants, then validates hierarchy, responsiveness, dark/light contrast, and interaction states.

Quick Start

Apply this skill to a screen whose tables and filter bar feel generic by asking the AI to scope the changes, map the visual intent into system tokens/variants, implement with restraint, and produce the required polish-pass output contract.