Brief
— — — special offer — — —
你！
是否为美化而烦恼？！
你！
是否还在为别人的美化羡慕嫉妒？！
你！
是否还在跑代码崩溃到抓狂？！
✦ 选 择 ✦
三木美化小助手
¥1998
不要！
¥998
也不要！
只 需 动 动 小 手
输入文字 即刻获得
好看 又 精致 的专属美化 ⬇
— tutorial 01 —
基础认知篇
横向滑动查看
01 / 03
<details>
HTML 折叠标签
它是一个可折叠的容器，点击即可展开/收起内容。美化中最常用的交互标签，用来做折叠栏、隐藏面板。
<!-- 基本结构 -->
<details>
<summary>点我展开</summary>
这里放隐藏的内容
</details>
把它想象成一个「抽屉」——summary 是把手，details 里面是抽屉的内容。
02 / 03
<style>
CSS 样式区域
所有的视觉效果都写在这里面——颜色、字体、动画、毛玻璃、渐变……它决定了你的美化长什么样。
<!-- 写在最上方 -->
<style>
.my-box {
color: white;
border-radius: 12px;
}
</style>
如果 HTML 是房子的骨架，那 style 就是装修——墙漆、灯光、家具摆设全靠它。
03 / 03
HTML
内容结构
就是你实际看到的文字、图片、布局。用各种标签把内容包起来，再交给 style 去美化。放在 style 的下方。
<!-- 放在 style 下面 -->
<div class="my-box">
这里写你的文字内容
<img src="图片链接">
</div>
HTML 是骨架和内容本身——先搭骨架，再用 style 穿衣服。顺序永远是：style 在上（link那个是字体），HTML 在下。
请先复制下方单词 details
制作美化时折叠栏会反复用到它，提前复制好省得手打出错 ↓
details
长按选中 → 复制 → 随时粘贴使用
模型选择 · 重要提醒
推荐使用 超级小克（特价版也可以）。审美在线，代码输出完整，不容易翻车。
严重不推荐 高双。非常容易偷懒，代码输出不全，直接导致无法预览且报错崩溃！！！
超级小克的审美比高双好一截，跑出来的风格更细腻精致。
ps. 如果觉得超级小克贵，可以用 2.0 模式，效果也不错，性价比很高。
— tutorial 02 —
正式教学模板
横向滑动查看三个步骤
step 01 / 03
确定色调与风格
先告诉 AI 你想要的色系和风格方向。
色调决定整体氛围，风格决定排版质感。
先定好这两样再动手。
色调决定整体氛围，风格决定排版质感。
先定好这两样再动手。
// 简单说法
"主题色调：银白色系"
"风格：ins磨砂半透明感"
// 更具体的说法 "暗红+黑金，杂志排版风格" "浅蓝水墨，古风留白感"
可选风格参考：ins风 / 韩系 / 杂志感 / 古风 / 赛博朋克 / 极简 / 暗黑哥特 / 奶油甜系……
step 02 / 03
分层描述结构
一层一层跑，不要一次全丢给 AI。
每一层单独描述内容和布局。
跑完确认没问题，再继续下一层。
最后手动拼合或找 ds 帮忙合并。
每一层单独描述内容和布局。
跑完确认没问题，再继续下一层。
最后手动拼合或找 ds 帮忙合并。
// 像这样描述每一层
第一层：个人简介 包含姓名、身高、年龄、生日 左文字右图片，图片圆角
第二层：人物过往 用 details 折叠栏展示 折叠样式：胶囊按钮，点击展开
第三层：人际关系 网格排列，每人一个可展开卡片
描述越清晰，AI 跑出来的效果越接近你想要的。折叠栏记得说明你想要的展开样式。
step 03 / 03
指定字体
直接用编号告诉 AI 就行。
AI 会自动调用对应的字体链接。
不指定也可以，AI 会根据风格自动选。
AI 会自动调用对应的字体链接。
不指定也可以，AI 会根据风格自动选。
// 用编号指定
"英文字体用 1号"
"中文字体用 4号"
// 可选范围 英文字体：1 ~ 16号 中文字体：1 ~ 8号
这一步是可选的。如果你对字体没有特别要求，可以跳过，让 AI 自行搭配。
完整示范话术
复制发给 AI 的消息模板
主题色调：银白色系，冷调
风格：ins磨砂半透明，毛玻璃质感
英文字体：3号 （中文不指定，让AI自选）
第一层 · 个人简介
内容：姓名 xx / 年龄 xx / 身高 xxx / 生日 xxx
布局：左边details无边框折叠栏右边图片，图片圆角
附加：顶部有一行英文装饰小字
跑完这一层确认没问题后，再继续跑第二层。
注意事项
一层一层跑，不要一次性全丢给 AI
每层跑完先检查预览，确认再继续
最后手动拼合，或者找 ds 帮忙合并
不推荐一口气跑太长，rb 有上限会截断代码，白费钻得不偿失
details 折叠栏记得描述你想要的展开样式
不要用高双2.5
2.5非常喜欢偷懒！！！
中文字体感谢我Tj女神❤️
总之是个美化助手，喜欢的话可以点❤️或者评论区夸夸（扭捏）
更新了一下可以用三木跑状态栏了，和他说要无css的summary人物状态栏就行
开放三木商业使用
但老劳烦使用的老大标注一下美化来自三木美化助手！
就当帮我打打广告了！阿里嘎多
2.5非常喜欢偷懒！！！
中文字体感谢我Tj女神❤️
总之是个美化助手，喜欢的话可以点❤️或者评论区夸夸（扭捏）
更新了一下可以用三木跑状态栏了，和他说要无css的summary人物状态栏就行
开放三木商业使用
但老劳烦使用的老大标注一下美化来自三木美化助手！
就当帮我打打广告了！阿里嘎多
英文字体
01
Lavishly Yours
The quick brown fox jumps
02
Ballet
The quick brown fox jumps
03
Hurricane
The quick brown fox jumps
04
Love Ya Like A Sister
The quick brown fox jumps
05
Mystery Quest
The quick brown fox jumps
06
Rubik Glitch
The quick brown fox jumps
07
Life Savers
The quick brown fox jumps
08
Elsie
The quick brown fox jumps
09
Festive
The quick brown fox jumps
10
Babylonica
The quick brown fox jumps
11
Rubik Wet Paint
The quick brown fox jumps
12
Coral Pixels
The quick brown fox jumps
13
Splash
The quick brown fox jumps
14
Special Elite
The quick brown fox jumps
15
Zeoseven Main
The quick brown fox jumps
16
Catbox TTF
The quick brown fox jumps
中文字体
01
Ma Shan Zheng
落花人独立 微雨燕双飞
02
Long Cang
落花人独立 微雨燕双飞
03
Ma Shan Zheng
落花人独立 微雨燕双飞
04
Noto Serif SC
落花人独立 微雨燕双飞
05
美团字体 A
落花人独立 微雨燕双飞
06
美团字体 B
落花人独立 微雨燕双飞
07
美团字体 C
落花人独立 微雨燕双飞
08
ZCOOL KuaiLe
落花人独立 微雨燕双飞
