前言¶

做网页的人大多遇到过这类需求：「帮我做个页面」「这个太丑了」「能不能高级一点」。麻烦不在写代码，而在审美：白底、紫蓝渐变、三张一模一样的卡片，做出来的东西一眼就是 AI 生成的。下面介绍的这个 Skill，就是冲着这个问题来的。

这是什么¶

「告别 AI 味·网页设计skill」（坐标 @user_cf574616/web-design-craft）是一个面向网页与前端界面设计的技能，定位是「高审美网页与前端界面设计手艺 + 17 个风格迥异的完整参考案例」。它由社区作者 user_cf574616 发布，版本 1.0.1，来源 community，SkillHub 分类为 content-creation，标签 requires_api_key=false。

官方地址：

https://api.skillhub.cn/user_cf574616/web-design-craft

SkillHub 页面：

https://www.skillhub.cn/skills/user_cf574616/web-design-craft

官方简介称，该技能由 Claude Opus 5.5 蒸馏而来；交付物是一个双击就能打开的网页文件，不用装软件，也不用懂代码。平台页面数据显示评分 100000。

核心功能¶

资料中核实到的能力如下。

1、覆盖面。品牌官网、落地页、活动页、作品集、数据看板、产品文档都能做。用户说「做个页面」「太丑了」「没有设计感」「高级一点」，即使没提到「设计」或「风格」，也应启用本 skill。

2、17 种预设风格：杂志编辑、瑞士网格、新野兽派、暗黑科技、日式侘寂、复古终端、极光玻璃、奢品高定、童趣黏土、数据看板、千禧复古、自然有机、苹果式产品页、技术文档、装饰艺术、新中式青绿、动态排版。每种风格附有一个能真正上手操作的完整样板，技能会按用户的行业和想要的感觉自动挑选。

3、AI 味检查。交付前逐条排查 13 种常见的 AI 通病，包括白底、紫蓝渐变、三张一样的卡片这类「一眼 AI」的做法。

4、中文排版规范。中文字体怎么选、行距留多少、中英文怎么混排、竖排标题怎么写，都有专门规范。

5、五步设计流程。读懂需求、选定风格、建立规范、由粗到细、逐条检查，用来稳定产出效果，不靠运气。

6、细节与适配。纹理、光影、动画、按钮的按压反馈都有讲究；没有图片素材时，直接用代码画出来；电脑和手机上都好看。

安装与启用¶

资料中没有给出安装命令、目录路径或配置字段，只有上述官方地址和 SkillHub 页面。可核实的两点：

1、标签 requires_api_key=false，即不需要 API key。
2、坐标为 @user_cf574616/web-design-craft，版本 1.0.1，来源 community。

使用方式按官方说法，直接说需求即可，例如：

帮我做一个独立咖啡店的官网，要温暖有手作感
做一个中秋活动页，新中式风格

典型用法¶

从官方资料中可复现的流程如下。

1、提出需求。说清做什么页面、什么感觉，比如「独立咖啡店的官网，温暖有手作感」。
2、自动选风格。技能按行业和感觉从 17 种风格中挑选，例如中秋活动页对应新中式风格。
3、执行五步流程。读懂需求 → 选定风格 → 建立规范 → 由粗到细 → 逐条检查。
4、交付。产出一个双击即可打开的网页文件。

适用场景与注意¶

适合：要做、改、美化任何带界面的东西——网页、落地页、官网、作品集、活动页、仪表盘、后台、文档站，或 HTML/CSS/React/Vue/Tailwind 组件。

注意：

1、风格是 17 种预设之一，按行业和感觉自动挑选，不是无限风格库；想要特定风格时需要把感觉说清楚。
2、交付物是单个网页文件，不是可直接上线的完整工程。
3、资料中的评分与下载量是平台页面抓取时的数值，后续可能变化。

结尾¶

这个 Skill 的价值在于把「做个页面」这类模糊需求，收敛到选风格、建规范、逐条检查的流程里，并把 13 种常见 AI 味挡在交付之前。官方地址：

https://api.skillhub.cn/user_cf574616/web-design-craft