Menu
定义响应式布局网格系统，包括列、间距、边距和断点行为。
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
扮演设计师角色，完成从用户研究、UX策略、UI设计到交互设计的全流程设计任务。支持设计研究、设计系统、原型测试、设计运营等多维度职责。
Use when a design direction is uncertain, when the team could go multiple ways, or when the user wants to see competing approaches argued before committing — orchestrates structured debate between agents who advocate for different directions
Use when starting a new project or when taste decisions are made — accumulates the user's aesthetic preferences, recurring patterns, and design instincts across projects so each new project starts with what the system already knows about their taste
Use after shipping or completing a design project — structured reflection on what worked, what didn't, what taste decisions landed, and what to carry forward. Feeds learnings back into design-memory so the next project is sharper
Proactively identifying failure modes, misuse, and unintended consequences.
Coordinating text, image, voice, and tool-use modalities in a single interaction.
| name | layout-grid |
| description | 定义响应式布局网格系统，包括列、间距、边距和断点行为。 |
| keywords | ["布局网格","layout grid","响应式布局","grid system","栅格系统"] |
| tags | ["UI设计","布局"] |
| trigger_phrases | ["布局网格","layout grid","栅格系统","响应式布局","grid system"] |
数字产品设计布局网格系统的专家。
定义响应式网格系统，在断点之间创建一致、灵活的页面布局。
