前言

像AI一样思考的tailwindcss思考范式，通过强制的流程来书写完美的样式。

step0 思考组件

当前需要写的是容器组件还是原子组件。 原子组件不可采拆分、能力是固定的。比如button、input、label等

容器组件是由结构原子组件组合而成、需要思考子元素的布局。比如card、form等

Step1

思考的组件的外部行为、比如盒子模型、定位、高度、宽度

Step2（这一步是可选的，容器组件可能会更多思考这个）

思考子元素行为、items-*、 justify-*，子元素间距

盒子模型从外到内思考

margin（很少设计margin）、padding、border、圆角

盒子表现

背景、文字大小、颜色、强调、间距

状态思考

动画表现

限制

响应式