Frontend Design

一、基本信息​

•

安装名：frontend-design​

•

仓库来源：SkillHub​

二、功能简介​

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

​

​

三、适用场景​

•

生成落地页或活动页​

•

重做老旧后台页面​

•

先快速探索视觉方向​

•

输出可展示、可演示的前端页面​

四、推荐使用方式​

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

示例指令：​

​

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

​

五、效果示意​

​

​

六、使用建议​

•

先说清页面目标：是展示、转化还是汇报，不同目标对应不同设计重点。​

•

明确风格关键词：如现代、极简、科技感、品牌化等。​

•

适合先做演示稿：尤其适合产品、活动和营销页面的快速验证。​