bimverdi-design

What problem does it solve?

This skill ensures that frontend development for bimverdi.no adheres to a strict, established design system, preventing generic UI patterns and maintaining a consistent, professional aesthetic.

Core Features & Use Cases

• Design System Enforcement: Provides guidelines and examples for colors, typography, spacing, layout, and components.
• Anti-Pattern Avoidance: Explicitly lists and contrasts common AI-generated design defaults with BIM Verdi's preferred styles.
• Component Generation: Offers examples and rules for creating buttons, forms, cards, and sections.
• Use Case: When building a new feature for bimverdi.no, use this skill to generate the HTML and CSS structure for a form, ensuring it matches the brand's specific look and feel, uses the correct Norwegian text, and avoids common UI anti-patterns.

Quick Start

Generate a primary CTA button using the BIM Verdi design system.