Community寫作與編輯github.com

voltwake/grid-typesetting-systems

一個用於在網頁上實現真正瑞士網格編輯排版的 Claude 技能 — 包含 12 欄 + 8px 基線、子網格帶、網格疊加、光學對齊以及 0px 符合度驗證器。重新整理自 Hyperagent 的免費技能。

grid-typesetting-systems 是什麼?

這個技能讓 Claude 具備實現專業瑞士網格 (Swiss-grid) 排版系統的能力,專門針對網頁編輯設計。它提供了一個嚴謹的 12 欄網格與 8px 基線系統,確保元素在垂直與水平方向上都能完美對齊。此外,該技能還包含子網格帶 (subgrid bands) 以建立層次化的版面結構,網格疊加功能則能可視化校準過程。光學對齊與 0px 符合度驗證器進一步保證了版面的精確性,讓開發者能快速構建出具有高度視覺一致性的網頁佈局。這個技能重新整理自 Hyperagent 的免費技能,適合希望在 Claude 環境中進行編輯排版的開發者或設計師使用。

相容平台✓Claude Code~Codex CLI~Cursor
npx skills add voltwake/grid-typesetting-systems

Installed? Explore more 寫作與編輯 skills: steipete/notion, langchain-ai/langchain, bytedance/podcast-generation · View all 6 →

在你喜歡的 AI 中提問

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

說明文件

grid-typesetting-systems 是做什麼的?

一個用於在網頁上實現真正瑞士網格編輯排版的 Claude 技能 — 12 欄 + 8px 基線、子網格帶、網格疊加、光學對齊以及 0px 符合度驗證器。重新整理自 Hyperagent 的免費技能。

相關技能