Frontend Design ​

一、基本信息 ​

  • 安装名：frontend-design
  • 仓库来源：GitHub

二、功能简介 ​

很多自动生成的页面虽然结构完整，但视觉层次、配色和整体质感往往较弱。Frontend Design 的核心价值，是让 WorkBuddy 在生成前端页面时同时考虑设计感、风格一致性和演示效果，而不只是输出可运行代码。

三、适用场景 ​

  • 生成落地页或活动页
  • 重做老旧后台页面
  • 先快速探索视觉方向
  • 输出可展示、可演示的前端页面

四、推荐使用方式 ​

说明页面类型、目标用户、风格方向和希望突出的重点内容。

示例指令：

请帮我设计一个用于活动报名的落地页，整体风格现代、专业，突出报名入口、活动亮点和用户信任感，并生成可直接预览的页面。

五、效果示意 ​

六、使用建议 ​

  • 先说清页面目标：是展示、转化还是汇报，不同目标对应不同设计重点。
  • 明确风格关键词：如现代、极简、科技感、品牌化等。
  • 适合先做演示稿：尤其适合产品、活动和营销页面的快速验证。