AI 术语词典
把大白话翻译成 AI 能准确理解的表达。说出你的模糊想法，这里告诉你怎么描述才能让 AI 一次做对。
共 224 条术语 · 实操演示自动循环播放 · 也可手动互动
把这两个向右边移动一点
让这两行文字或者这个组件进行视觉对齐
将卡片标题与正文左边缘对齐，统一 padding-left: 16px，消除视觉错位感。
画面太乱了，好看点
提升视觉层次：建立清晰的间距节奏、字号层级与留白体系
标题 24px 加粗、正文 16px、辅助说明 14px 灰色，区块间距统一为 24px。
这颜色看着不搭
重构配色方案：使用协调的色彩系统，并保证文字对比度达标
主色改为品牌绿，辅以中性灰阶，正文对比度 ≥ 4.5:1（满足 WCAG AA）。
被选中的那一个要看得出来
添加选中态：选中项使用品牌绿描边 + 浅绿底 + 对勾标识
选中项 ring-2 ring-[#cbf033] + 浅绿背景，配合对勾图标，未选项保持中性色。
点它没反应
为交互元素补充状态反馈：hover、active、focus 与 loading 态
hover 按钮看反馈 → 自动演示 loading / 成功态
按钮 hover 背景加深 10%，按下时缩放 0.97，提交过程中显示 Spinner。
加个弹窗
实现模态对话框：遮罩层 + 居中面板 + 焦点圈定 + 点击外部关闭
自动演示弹出模态对话框，也可手动点击
删除操作前弹出确认对话框，Esc 或点击遮罩可关闭，确认按钮使用 danger 变体。
滑动的时候一卡一卡的
优化滚动与动效流畅度：用合成器动画（transform / opacity）替代布局属性
入场动画从修改 top 改为 translateY(24px) + opacity 过渡，避免触发重排。
鼠标放上去的时候变个样子
为可交互元素添加 hover 悬停态：背景变浅绿、上浮 2px 并加投影
模拟鼠标移入，自动演示 hover 效果
hover:bg-[#f2f6e9] hover:-translate-y-0.5 hover:shadow-md，配 transition 200ms。
点下去要有按下去的感觉
补充 active 按压态：按下瞬间缩放至 0.9，松开弹性回位
active 按压态：缩放 0.9 → 弹性回位
active:scale-90 配合 transition-transform，让每次点击都有物理反馈。
共 224 条 · 第 1 / 25 页
想法越具体，AI 理解越准确 —— 先说目标，再说约束，最后给参照。