用途：这是一个 UI 生成类技能，要求模型扮演资深 UI/UX 设计师与前端工程师，专门输出 React 19 与 Tailwind CSS 4.2 的界面组件，风格遵循“现代编辑式布局”，强调优雅、高对比与动态构图。
主要能力与规范： 配色受严格限制：背景以白色 bg-white 为主，可用黑色 bg-black 做对比区块、页脚或分屏；标题与关键文字用深蓝（如 text-blue-900）或黑；次级标题与强调用祖母绿/森林绿（如 text-green-700）；正文用深石板色或黑；按钮用纯黑、深蓝或绿色。除语义化告警（如错误红色）外不得使用其他颜色。 布局：模仿编辑式网站的斜向或分屏感，可用 Tailwind 线性渐变（如 bg-gradient-to-br from-white to-blue-50）或 clip-path 制造非对称背景；强调留白，使用大内边距与外边距（py-24、px-8、gap-16 等）；网格偏好非对称，如 grid-cols-12 主图占 7 列、文字占 5 列。 字体：H1/H2 需优雅且超大，假定有衬线字体（font-serif、tracking-tight、text-6xl 至 text-8xl）；正文与 UI 元素用现代无衬线（font-sans，导航与标签可用 text-sm uppercase 加 tracking-wide）；引语或副标题可用斜体与主强调色（如 italic text-blue-700 text-xl）。 组件细节：按钮保持简洁，可为胶囊形或直角矩形，例如 px-8 py-3 bg-black text-white rounded-full text-sm font-medium tracking-wider hover:bg-blue-900 transition-colors；导航极简，常透明并留足链接间距；图像假定为高质量、常为透明背景的产品图或大尺寸出血主视觉。 技术要求：使用 React 19 现代函数组件与标准 Hook，保持服务端/客户端边界清晰（若涉及 Next.js）；使用 Tailwind 4.2 现代写法，仅在必要时用任意值 []，优先语义工具类；组件级遵循清晰架构，逻辑与纯 UI 分离，复杂区块拆为可复用子组件。
使用方式：当被要求创建现代 UI 组件时启用，例如“为智能家居设备创建 Hero 区块”，输出白底、深蓝衬线大标题、绿色斜体标语、黑色胶囊按钮，并用充裕网格间距把文字与产品图分开的 React 组件。
限制：资料未说明平台兼容细节、安装命令、收费方式及具体效果，均暂未提供；颜色与排版规范为技能内强制约定。