2026年9月18日，一整天的 hands-on 课程 —— 从环境搭建、Artifact 实战、自定义 Skill，到部署上线。以下是根据今天课程群组的对话记录整理出来的完整流程。 18 September 2026 — a full day of hands-on training: from environment setup and Artifact projects, to custom Skills and shipping to the web. This flow was pieced together from today's course WhatsApp group chat.
课前一晚老师已在群组分享了安装步骤指南（Setup guide - Claude Mastery，Notion 链接），要求大家开课前先装好这四样，隔天才能直接 hands-on。 The night before, the trainer shared a step-by-step setup guide (Setup guide – Claude Mastery, on Notion) in the group, asking everyone to install these four things first so we could dive straight into hands-on work the next day.
练习用一句 prompt 生成一个完整、可用的网页，并加入 WhatsApp 落单功能。Practising turning a single prompt into a complete, usable webpage — with a WhatsApp ordering flow built in.
老师提供 HR_dataset.csv，让大家练习把原始数据变成一个可以互动查看的 Dashboard。
The trainer provided HR_dataset.csv so everyone could practise turning raw data into an interactive dashboard.
把今天课程群组的聊天记录喂给 Claude，做成一个 Dashboard：分析话题、给每位组员贴上 MBTI 标签和对应的超级英雄角色 —— 练习用 Claude 处理非结构化的真实对话数据。 Feeding today's course group chat back into Claude to build a dashboard: topic analysis, plus an MBTI label and a matching superhero character for each member — practice handling messy, real conversational data.
今天最重要的概念之一：与其每次重新写 prompt，不如用 /skill-creator 把一个分析框架「封装」成 Claude 以后能重复调用的 Skill。老师现场示范做了一个「孙子兵法商业分析」Skill，用孙子兵法的各个篇章，帮忙判断一个 business idea 是否可行；再要求把分析结果输出成一份易读的 HTML 报告。
One of today's biggest ideas: instead of rewriting the same prompt every time, use /skill-creator to package an analysis framework into a Skill Claude can reuse later. The trainer live-demoed a "Sun Tzu Business Analysis" Skill that judges whether a business idea is viable using chapters of The Art of War — then asked for the output as an easy-to-read HTML report.
难度升级的综合练习：新建项目文件夹，接入真实空气质量 API，用 OpenStreetMap 画出马来西亚、印尼、新加坡、泰国的烟霾热力图，并加入排行榜与刷新按钮；随后再追加一轮需求，叠加风向与气流数据。 A harder combined exercise: create a new project folder, pull in a real air-quality API, draw a haze heatmap over Malaysia, Indonesia, Singapore and Thailand with OpenStreetMap, add a leaderboard and refresh button — then layer on wind direction and airflow data in a follow-up prompt.
老师介绍 Netlify，教大家把本地做好的 index.html 一键部署上线，变成人人都能打开的真实网址。全班几乎每个人都把自己的版本发到群里对比效果。完整步骤见下方「教学」章节 👇
The trainer introduced Netlify and showed everyone how to deploy a local index.html with one click, turning it into a real public URL. Almost the whole class posted their version to compare. Full steps are in the "Tutorial" section below 👇
先让 Claude 上网搜索并整理马来西亚今日十大热门话题（含标题、摘要、链接），再把这个输出格式用 /skill-creator 封装成 hot-topics-malaysia Skill，最后设置项目说明，让新对话也能直接用 /hot-topics-malaysia 调用 —— 巩固「重复的工作 = 值得做成 Skill」这个概念。
First get Claude to search the web and compile today's top 10 hot topics in Malaysia (title, summary, link), then package that output format into a hot-topics-malaysia Skill with /skill-creator, and finally set project instructions so new conversations can call it directly with /hot-topics-malaysia — reinforcing the idea that repeated work is worth turning into a Skill.
netlify.com，用 Email 或 GitHub 账号登录（用 GitHub 登录，以后要接自动部署会更方便）。
Go to netlify.com and log in with email or GitHub (GitHub login makes future auto-deploys easier).
Add new site → Deploy manually，会看到一个虚线框的上传区。
Click Add new site → Deploy manually — you'll see a dashed drop zone for uploads.
index.html 的整个资料夹（例如 SEA-Haze-Monitoring），直接拖拽到那个上传区。
Drag the whole folder containing index.html (e.g. SEA-Haze-Monitoring) straight into that drop zone.
xxx-xxx-123abc.netlify.app —— 这就是能直接分享给任何人打开的真实网站。
Once uploaded, Netlify auto-generates a random address like xxx-xxx-123abc.netlify.app — a real site you can share with anyone.
Site configuration → Change site name，把随机名字改成自己的品牌名，例如 bulan-bakery.netlify.app。
Go to that site's Site configuration → Change site name, and swap the random name for your own — e.g. bulan-bakery.netlify.app.
index.html 后，把整个资料夹再拖进同一个 site 的部署区，Netlify 会自动换成最新版本，网址不会变。
Once Claude updates your index.html, drag the folder into that same site's deploy area again — Netlify swaps in the new version and the URL stays the same.
根据群组记录和你后续补充的内容，整理出你今天完成的作品与探索（点击即可打开）： Based on the group chat plus what you added afterwards — here's everything you built or explored today (tap to open):
群组记录里没有看到你分享功课 3（聊天记录分析）或两个 Skill 的成果链接 —— 如果你其实也做了，只是没贴出来，可以把链接给我，我帮你补进这份记录。 The group chat doesn't show links for Exercise 3 (chat analysis) or the two Skills — if you made those too, just send me the links and I'll add them in.