Community程式設計與開發github.com

DarkenAmber/single-file-app

使用 Claude 技能將完整的網頁工具打包成單一 HTML 檔案,採用純 JavaScript、離線優先且無任何依賴。

single-file-app 是什麼?

這個技能讓 Claude 能夠建立完整的網頁應用程式,並將其封裝成單一的 HTML 檔案。它採用純 JavaScript(Vanilla JS)撰寫,無需任何外部函式庫或依賴,並且以離線優先(offline-first)為設計原則。開發者只需一個文字編輯器即可使用,所有功能都包含在一個檔案中,方便分享、部署或離線使用。此技能支援在任何現代瀏覽器中執行,無需後端伺服器或建置工具。透過這個技能,AI 代理可以快速生成從簡單工具到複雜互動介面的各種網頁應用,大幅簡化開發與發布流程。

相容平台✓Claude Code~Codex CLI~Cursor
npx skills add DarkenAmber/single-file-app

Installed? Explore more 程式設計與開發 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

single-file-app 是做什麼的?

一個 Claude 技能,用於將完整的網頁工具建置成單一 HTML 檔案——採用純 JavaScript、離線優先、無任何依賴。

相關技能