color-blocking - Web and App implementation guide for Color Blocking.
Provides implementation guides and code examples for Mondrian-style Color Blocking layouts across Web and mobile frameworks.
Tags
Updated: 2026-09-22Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Implement Web CSS Grid color blocks
- Build SwiftUI Mondrian grid layouts
- Create Flutter flexible color grids
- Configure React Native gap layouts
- Construct Jetpack Compose weighted layouts
- Apply high contrast color rules
Inputs
- Layout proportion requirements
- Color palette selections
- Typography specifications
Outputs
- CSS Grid layout code
- SwiftUI grid component code
- Flutter layout screen code
- React Native grid code
- Jetpack Compose layout code
- Design principles checklist
Requirements
- CSS Grid supported web browser
- SwiftUI framework
- Flutter framework
- React Native framework
- Jetpack Compose framework