前端设计指导

它解决什么问题

落地页和数据仪表盘是前端项目里返工率最高的两类页面。设计稿看起来没问题，落到代码里却常常出现卡片高度不统一、栅格断点混乱、留白节奏不一致、配色对比度不足这类问题。返工的根源往往是实现阶段没有先理清页面的信息层级与主次任务，边写边猜布局关系。这个技能面向这类 UI 实现工作，把落地页与仪表盘的常见设计决策整理成可执行的指导，帮助开发者在动手写组件之前就把结构想清楚。

核心能力与关键步骤

技能围绕两类高频场景给出建议：以转化目标为主的 landing pages 和以信息密度为主的 dashboards。使用时，通常先梳理页面的信息层级和用户主任务，再针对布局结构、间距节奏、组件拆分和样式组织给出具体方向。它依赖 OpenClaw 运行，前端技术栈方面可以选配 Tailwind CSS 这类工具，但本身不强制绑定任何框架。

适用边界与注意事项

需要留意的是，该技能的上游来源没有提供可自动提取的安装与使用说明。把它放进敏感业务流程之前，应当先 review 上游项目，确认其行为符合预期。另外，它提供的是设计层面的指导而非完整组件库，交互细节、动效策略和可访问性要求仍需结合项目实际情况落地。