LESSON 05 · SKILL 技能

第5课:用 Skill 让页面更好看

技能模块 · 5/5

Why this lesson · 为什么值得学

学完这一课,你能

说清一个「美化 Skill」长什么样

理解「先定美学方向,再写代码」

调用一个 Skill,让审美一次到位

Skill 是什么(快速回顾)

前面四课你学了:Skill 就是「封装好的一套活」——写好的操作指引,让 AI 按你的规矩稳定地把事做对。聊天窗口是「口头交代」,Skill 是「操作手册」。

这一课聚焦一类特别实用的 Skill:美化类 Skill。它专门管「审美」——帮你避开千篇一律的 AI 味,把页面调得有意图、有质感。

一个美化 Skill 长什么样

好的美化 Skill,核心不是「堆特效」,而是几条有意图的原则:

关键认知:Skill 不替你做审美决定,它把「怎么审美才专业」的方法固化下来。最终方向,还是你拍板——这正是 心法课 说的「人类守关口」。

怎么调用它

装好一个美化 Skill 后,调用方式很简单:把你的页面喂给它,并说清你要的方向。一段可用的中文话术:

「用你(美化 Skill)的方法,帮我看看这个页面。先给我两三种美学方向(每种一句话说明长什么样),我选一个之后,再动手改。改的时候只动样式、保留我的真实内容,并在桌面宽度下自查一遍。」

协作审美 · 先方向后动手

Skill 管「方法」,你管「方向」

把「出方向」和「动手改」分开,是美化 Skill 最有价值的一步。你不是在「让它随便弄好看」,而是在「从几个专业方向里选一个」。

试试看

  1. 打开你 第5课 做出的网页;
  2. 把上面那段话术发给 AI(如果它加载了美化类 Skill,会按方法走);
  3. 先选方向,再让它改,改完在桌面宽度下打开自查。

如果它没加载这类 Skill,也别急——这步走的是「方法」,你手动按「先方向后动手」的节奏来,效果一样。

本课收尾

美化 Skill 让你把「怎么审美才专业」这件事固化、复用。但记住:工具会更换,方法不变。哪怕以后换个 Skill、换个工具,「先定方向、再动手、只动必要文件」这套节奏,一直成立。

带走三句话:① 美化 Skill = 固化下来的审美方法;② 它先给方向、你拍板、再动手;③ 只动样式、保留真实内容、桌面自查。

REFERENCES · 参考资料

本课参考资料

  1. Agent 上手路线包(用户提供的课程素材)· 美化类 Skill(frontend-design / personal-page-polish)方法论(已转述为中文、去除英文 prompt 原文与 license 行)
  2. 技能模块《什么是 Skill?》《怎么用 Skill?》(Skill 的本质与调用方式)
← 上一课:创建自己的 Skill下一模块:认识 Agent →

Skill 模块完成。 你已经从“看懂 Skill”走到“创建并使用 Skill”。下一步进入 Agent,学习怎样让 AI 在边界内分步执行。