使用claudecode进行简单前端页面的生成:写一个登录和注册页面


1.创建工作目录



2.在当前目录下打开终端,打开claudecode



3.使用plugin增强我们claude的能力

推荐安装superpowerscode-reviewfrontend-designskill-create,我是装在用户域,按照自己需求选择


失败就重试几次

安装完成


4.使用claude生成登录页面login.html

给claude助手输入指令:请帮我在当前目录下生成一个学生管理系统的登录页面login.html


在当前目录下成功生成了login.html

用浏览器打开,有点小炫酷啊!!!

5.使用claude生成注册页面register.html

输入指令:请帮我再设计一个注册页面register.html,需要和前面的登录页面联动,点击登录页面的立即注册,跳转到注册页面,同时注册页面里也有一个去登陆的链接,点击跳转到登录页面

完成!

目录下生成了register.html

测试从login.html中跳转到register.html

成功了,claude真是有点牛啊!快去试试吧。

Logo

欢迎加入DeepSeek 技术社区。在这里,你可以找到志同道合的朋友,共同探索AI技术的奥秘。

更多推荐