夜雨聆风别跟我说"我不会写代码"——2026年了，这句话跟"我不会用智能手机"一样可笑。今天院长教你用 Claude Code + 两个开源工具，三步搭出一个自带玻璃拟态、渐变动效、排版比你家设计师还专业的网站。全程不用写一行代码，只需要你会复制粘贴。
第一步：给 Claude Code 装一个"设计基因库"
Claude Code 写代码很强，但它默认的审美……说实话，跟程序员穿格子衫配凉鞋一个水平。问题不在于 Claude 不会设计，在于它脑子里没有"设计素材库"。
ProMax Skill 就是干这个的。
去 GitHub 搜 ProMax skill（直接搜"promax skill claude code"），复制仓库链接，在 Claude Code 终端里输入安装命令。装完之后，Claude 等于接入了这样一个数据库：
- 50+ 种 UI 风格
：极简主义、新拟态、玻璃拟态、赛博朋克、孟菲斯风格……从苹果官网到 Stripe 的调性，全都有 - 97 套配色方案
：不是那种"红配绿赛狗屁"的灾难配色，是经过专业设计师验证的色彩体系 - 57 组字体搭配
：中英文混排不再车祸现场，标题用什么、正文用什么，ProMax 直接给你配好
院长锐评： 以前找设计师做个官网，光"风格确认"就能来回拉扯两周。现在你告诉 Claude "我要玻璃拟态风格，配色用深蓝渐变"，它直接给你出成品。设计师收你3000块一页的东西，Claude 30秒给你出3个版本。Claude Code 一个月订阅费几十美金，比设计师一顿饭钱还便宜。
实操野路子： 别傻乎乎一个一个试风格。直接让 Claude "同时生成极简风、玻璃拟态、赛博朋克三个版本，我挑一个"，然后选最顺眼的微调。这叫"AI 比稿"，甲方体验拉满。
第二步：接入 21st.dev MagicMCP，让网站"动起来"
静态网站做得再好看，没有动效就是PPT。但自己写 CSS 动画？院长见过太多人从 transition: 0.3s ease 开始，最后写到怀疑人生。
21st.dev 的 MagicMCP 服务器就是你的"动效外挂"。
去 21st.dev 网站，找到他们的 Magic MCP 服务器指令，复制粘贴到 Claude Code 里安装。装完之后，Claude 生成的每一个网站组件都会自带：
- 玻璃拟态效果
：毛玻璃背景、半透明边框、柔和阴影——就是苹果 Vision Pro 发布会那种"高级感" - 渐变与光效
：按钮 hover 有微光扫过，卡片悬浮有景深阴影，滚动时有视差效果 - 专业排版布局
：不是那种"左图右文"的模板套娃，是真正根据内容自动适配的网格系统
院长锐评： 这东西最狠的地方在于——它让 Claude 从一个"能写代码的AI"变成了"自带设计团队的AI"。以前你说"做个好看的按钮"，Claude 给你一个蓝底白字的 <button>。现在你说同样的话，它给你一个带渐变光效、hover 有弹性动画、圆角恰到好处的按钮。差距就是这么大。
第三步：一句话出网站，然后微调
前面两步装完之后，你的 Claude Code 已经是一个"全栈设计工作室"了。现在搭网站只需要三步动作：
- 描述需求
："帮我做一个个人作品集网站，玻璃拟态风格，深色主题，包含首页、作品展示、关于我三个页面" - 预览挑版本
：Claude 会同时生成 2-3 个版本，你挑一个最顺眼的 - 微调细节
："把导航栏改成半透明，项目卡片加个 hover 放大效果，联系表单加个渐变色按钮"
全程 10 分钟，一个自带动效、配色专业、排版精致、手机端自动适配的网站就出来了。
院长把话放这： 未来一年，不会用 AI 搭网站的人，要么花 3 万找外包被割韭菜，要么用 Wix 模板被人一眼看出是"套壳网站"。而会用 Claude Code + ProMax + MagicMCP 的人，10 分钟出一个定制化专业网站，客户根本分不清是 AI 做的还是设计师熬了三个通宵。
院长快闪点评
ProMax Skill：50 种风格不是吹的，但别贪多。院长建议你固定 2-3 种风格做自己的"招牌"，客户认的是调性，不是花活。
21st.dev MagicMCP：动效是加分项，不是主菜。别让网站变成"动效博览会"——按钮晃得比蹦迪还猛，用户直接关页面。
Claude Code 本身：月费几十美金看着不便宜，但你算一笔账——外包一个官网 2-3 万，Claude Code 一个月够你出十几个项目。ROI 自己算。
今日工具清单
- ProMax Skill
：GitHub 开源，免费安装，一条命令搞定 - 21st.dev MagicMCP
：社区活跃，更新频繁，MCP 协议接入即用 - Claude Code
：Anthropic 官方出品，月费几十美金，比雇人便宜两个数量级
院长最后说一句： 别收藏了，收藏夹里已经躺了 200 个"以后再看"的链接了。今天下班回家，打开 Claude Code，花 10 分钟亲手搭一个网站出来。哪怕是个只有一页的个人名片，也比你在那刷短视频强。
更多探讨，欢迎进读者群交流！
