Brokle Frontend Development

概要

Enhance the Brokle platform's user interface with professional, enterprise-grade frontend development guidance. This skill specializes in Next.js 15 and React 19 implementation, utilizing the OKLCH color space for perceptual uniformity and advanced Tailwind CSS 4 styling. It provides specific patterns for AI observability dashboards, including data visualization aesthetics, atmospheric depth layering, and responsive layout structures. Whether building complex state management with Zustand or creating accessible UI components with shadcn/ui, it ensures every element reflects Brokle's technical and performance-oriented brand identity.

主な機能

• Modern Next.js 15 and React 19 implementation patterns
• Advanced visual design principles for depth and atmospheric effects
• Standardized typography and spacing for data-heavy interfaces
• OKLCH color system and advanced dark mode configuration
• 3 GitHub stars
• Feature-based architecture using Zustand and React Query

ユースケース

• Building complex AI observability dashboards and metrics displays
• Implementing responsive, theme-aware UI components with shadcn/ui
• Refactoring frontend code to follow Brokle's specific design system and architecture