color-blocking - Web 与 App 的 Color Blocking 布局设计与实现指南。
提供跨 Web 与移动端框架的蒙德里安风格撞色拼块（Color Blocking）布局设计规范与代码实现指南。
标签
更新于: 2026-09-22能力
典型输入
典型输出
该技能可以做什么
- 实现 Web CSS Grid 撞色布局
- 构建 SwiftUI 蒙德里安网格布局
- 创建 Flutter 弹性色彩网格
- 配置 React Native 间隙布局
- 构建 Jetpack Compose 权重布局
- 应用高对比度色彩规则
输入
- 布局比例需求
- 调色板选择
- 字体排版规范
输出
- CSS Grid 布局代码
- SwiftUI 网格组件代码
- Flutter 布局界面代码
- React Native 网格代码
- Jetpack Compose 布局代码
- 设计原则检查清单
要求
- 支持 CSS Grid 的浏览器
- SwiftUI 框架
- Flutter 框架
- React Native 框架
- Jetpack Compose 框架