FREEDOM WORKSHOP / 自由工坊 · 作品介紹

Hao Studio Web

從真實網站學習怎麼介紹作品、文章與社群。

尚未認領

社群技能書
閱讀使用介紹查看原作與使用入口登入工坊 Star探索更多免費資源

一張網站內容地圖與使用自己素材製作的單頁練習。

用途與適用範圍

開始使用

  1. 先看首頁與一個案例頁，畫出內容層級與導覽。
  2. 挑一個值得學習的互動或作品卡，記下它解決什麼問題。
  3. 用自己的文字和素材做獨立小版面；接遊戲 API 前另外檢查其部署需求。

預期成果與示範

一張網站內容地圖與使用自己素材製作的單頁練習。

選擇下一步

以下連結在新分頁開啟外部網站。服務、帳號與資料處理由目的地網站負責。

網站的作品、文章與社群內容，在桌面畫面中並排呈現。
功能示意圖，非實際操作截圖。

這本直接看，更多資源一起探索

這本技能書的公開介紹與使用說明，不用註冊就能閱讀。喜歡這類資源，歡迎加入自由工坊。

免費加入，探索更多資源 已有帳號，登入 繼續閱讀這本技能書

加入不會自動替你加星、加入公會或發布作品。外部工具、模型與服務的授權及費用，以原作者說明為準。

☆ Stars 13Forks 3Watch 0Follow 原作者 ↗

未結 Issues／PR 0 · 程式更新 2026-08-12

上次取得的數據 · 2026-10-30

版本與來源

原作、自由工坊站內應用與可攜版本是不同交付；各來源連結標明自己的目的地，不代表已在工坊啟用。

來源 GitHub 帳號：Hao0321（Repo 擁有者帳號，不代表會員身分已核實。）

原作 Repo
https://github.com/Hao0321/Hao0321-Studio-WEB
工坊整合參考
https://github.com/FreeTWAI/Hao0321-Studio-WEB
指南核對來源
https://github.com/Hao0321/Hao0321-Studio-WEB/blob/40766413d3263e80d573e7c7928e1816c9f441e0/index.html
記錄的授權
NOASSERTION
指南核對版本
40766413d3263e80d573e7c7928e1816c9f441e0
核對日期
2026-09-23

分享這本技能書

一起開發

針對可重現的版面、導覽或無障礙問題提出 Issue；先討論再改原站。

原作：Hao0321/Hao0321-Studio-WEB

從原作開始共創 ↗查看原作 PR ↗下載 Agent SKILL.md

預設 PR → Hao0321/Hao0321-Studio-WEB:main

修改由原作維護者審查。保留原作授權、commit 作者與共同貢獻者；收錄不移轉作品權利。

工坊整合與任務來源

查看工坊整合版本 · 為工坊整合任務建立 Fork

以下任務在工坊協調。若修改只針對工坊整合，PR 可送到 FreeTWAI/Hao0321-Studio-WEB:main，並記錄回饋原作的 PR 或未回送原因。

查看工坊 GitHub 任務 ↗

以下是入口與建議，不代表已認領或已完成。以 GitHub 最新 Issue、PR 與維護者確認為準。

里程碑

參與任務

查看工坊已有 PR · GitHub Milestones · 協作 JSON

完整指南與來源

讀取 Markdown 原文 · 下載 Agent SKILL.md

從真實網站學習怎麼介紹作品、文章與社群。

工坊收錄說明

作品與開源

想做個人作品集、品牌頁或研究網站的人。

一張內容地圖與自己的單頁練習。

可作為介紹工坊作品的版面參考；練習頁請使用自己的素材。

先看首頁怎麼分類內容，畫一張地圖，再做自己的小頁面。

封面與來源署名

封面插畫：/art/skills/hao-studio.webp

原作者 GitHub：https://github.com/Hao0321/Hao0321-Studio-WEB

登入自由工坊並連結自己的 GitHub，即可在技能書加星或取消星星。

原作數據：/api/v1/github/books/hao-studio/metrics

Stars、Forks、追蹤數、未結 Issues 與 PR 合計、最近程式更新時間以 GitHub 回覆為準；數據附核對時間，讀取失敗不冒充零。

讀者與格式

網站實作參考

功能與使用範圍

收錄的是實際靜態網站及獨立遊戲 API 程式，沒有根目錄 README；不是已接自由工坊的會員或影片平台。

開始前準備

第一個練習

1. 先看首頁與一個案例頁，畫出內容層級與導覽。

2. 挑一個值得學習的互動或作品卡，記下它解決什麼問題。

3. 用自己的文字和素材做獨立小版面；接遊戲 API 前另外檢查其部署需求。

練習成果

一張網站內容地圖與使用自己素材製作的單頁練習。

專案與授權

原作 Repo：https://github.com/Hao0321/Hao0321-Studio-WEB

從原作建立自己的版本：https://github.com/Hao0321/Hao0321-Studio-WEB/fork

工坊整合參考：https://github.com/FreeTWAI/Hao0321-Studio-WEB

記錄的授權：NOASSERTION

一起改這本技能書

針對可重現的版面、導覽或無障礙問題提出 Issue；先討論再改原站。

原作 Repo：https://github.com/Hao0321/Hao0321-Studio-WEB

預設 PR 目標：Hao0321/Hao0321-Studio-WEB:main

從原作建立自己的版本：https://github.com/Hao0321/Hao0321-Studio-WEB/fork

原作 PR：https://github.com/Hao0321/Hao0321-Studio-WEB/pulls

工坊整合參考：https://github.com/FreeTWAI/Hao0321-Studio-WEB

工坊整合任務專用 Fork：https://github.com/FreeTWAI/Hao0321-Studio-WEB/fork

工坊任務：https://github.com/FreeTWAI/Hao0321-Studio-WEB/issues

工坊 PR：https://github.com/FreeTWAI/Hao0321-Studio-WEB/pulls

GitHub Milestones：https://github.com/FreeTWAI/Hao0321-Studio-WEB/milestones

先閱讀原作現行的貢獻規則。Fork 不會自動回饋原作；修改要以 PR 提交，由原作維護者決定是否合併。工坊整合任務可在工坊審查，另外記錄回饋原作的 PR 或未回送原因。

以下是入口與建議，不代表已認領或已完成。以 GitHub 最新 Issue、PR 與維護者確認為準。

### 改善作品介紹與手機導覽 · 建議任務

限一個既有作品頁或資源入口。

Agent Skill：/development/skills/hao-studio/SKILL.md

協作 JSON：/api/v1/skills/hao-studio/collaboration

參與開發

針對可重現的版面、導覽或無障礙問題提出 Issue；先討論再改原站。

工坊 Issue／PR 協調入口：https://github.com/FreeTWAI/Hao0321-Studio-WEB/issues

先讀該 Repo 根目錄 README.md、AGENTS.md、CONTRIBUTING.md；原始程式、測試及來源授權留在該專案。平台介紹與公會收錄則在 freedom-platform 的 modules/community 維護。

要改善平台介紹：https://github.com/FreeTWAI/freedom-platform/issues

閱讀與來源

閱讀原始專案：https://github.com/Hao0321/Hao0321-Studio-WEB/blob/40766413d3263e80d573e7c7928e1816c9f441e0/index.html

核對日期：2026-09-23

核對版本：40766413d3263e80d573e7c7928e1816c9f441e0

專案網站：https://hao0321.com/

共創原則

GitHub Issue 是待辦與協調來源，PR 是審查與合併紀錄。先確認任務範圍，再用自己的分支完成相關驗證；保留上游與實際貢獻者。Fork 不等於平台認證、已測試運行或新授權。

完整結構化目錄：/api/v1/development-map