Prompts-MCP 686 skills · ai / design / design-pattern / framework / fundamentals / habit / lang / tech-selection /mcp/sse
framework framework/react/layout/index.md medium

framework-react-layout-index

页面结构约定索引——栅格 Row/Col 排版 + 布局容器 Layout/Space/Flex/Divider 选型。房规:每页必须由栅格 + 布局容器组成,禁裸 div 堆砌。

子项索引

子项 一句话
grid-system skill antd Row/Col 24 栅格分列排版 + 响应式断点 + gutter 间距房规
layout-containers skill antd 布局容器选型房规——Layout/Space/Flex/Divider 各自管什么 + 选哪个 + 页面骨架模式

React · Layout 页面结构

本层包含

名称 类型 一句话
grid-system skill Row/Col 24 栅格 + 响应式 gutter + 断点
layout-containers skill Layout/Space/Flex/Divider 容器选型

何时下钻

  • 要按列/行分栏、做响应式布局 → grid-system.md
  • 不确定用哪种容器(整页 Layout / 等距 Space / 弹性 Flex / 分隔 Divider)→ layout-containers.md
  • 房规:每个页面骨架都由栅格 + 布局容器拼成,禁裸 div + 手写 style 堆砌

链接