Skill UI

Guidelines for crafting industrial brutalist interfaces that merge Swiss print and military terminal aesthetics, emphasizing rigid grids, stark typography, utilitarian color, and analog degradation for data-heavy dashboards or editorial sites.

Protocol for crafting premium utilitarian editorial-style interfaces with warm monochrome palettes, flat bento grids, muted pastels, strict typography, and very restrained motion for high-end workspace-like frontends.

This skill provides comprehensive guidelines for building a clean, minimalist, and highly usable design system. It covers foundational elements including typography, structured color tokens, spacing grids, and strict adherence to WCAG 2.2 AA accessibility standards. The output is structured for immediate implementation by engineers and designers, ensuring consistency and clarity across all product screens.

A comprehensive design system guide for building modern, high-density, and data-rich dashboards. It establishes foundational rules covering dark-themed aesthetics, modular grids, typography, color tokens, and rigorous accessibility standards (WCAG 2.2 AA). Ideal for engineers and designers building complex cloud-platform interfaces for optimal productivity and data analysis.

A human-in-the-loop studio for iteratively tuning AI outputs or reviewing complex media/prose. It allows users to directly manipulate visual parameters (color, typography, layout) or annotate documents in real-time, moving beyond static comparison grids or vague prompts. Perfect for designers and content creators who need hands-on, visual feedback.

This comprehensive guide provides implementation details for Card-Based Design, a popular pattern for displaying bite-sized, discrete information units. It covers best practices for achieving responsive, Pinterest-style layouts across multiple platforms, including modern CSS Grid/Masonry for web, and native frameworks like SwiftUI, Flutter, and React Native for mobile apps. Use it when structuring content feeds, portfolio grids, or news articles.

A comprehensive guide to implementing the Swiss Design (International Typographic Style). This style emphasizes absolute mathematical grids, clean sans-serif typography (like Helvetica), and asymmetrical layouts. It is ideal for users requiring highly structured, minimal, and objective visual communication across web and mobile platforms.