Communitygithub.com

Kyaa-A/doesntbreak

Claude Agent 技能:行動優先的網頁UI,從 320px 起都無水平捲軸,預設流暢。放入 ~/.claude/skills/ 後,只需要求 Claude 建立或修復任何 UI(無需設定)。

doesntbreak 是什麼?

這是一個專為 Claude Agent 設計的技能(skill),其核心目標是強制生成或修正網頁 UI,使其達到「不會破版」的效果。它定義了一組 CSS 規則,確保任何由 Claude 建立的 UI 都是行動裝置優先、從 320px 寬度開始就能完美適配,絕對不會出現水平捲軸,並且所有元素預設使用相對單位(如 rem、em、%)以實現流暢縮放。支援 Claude Code 與 API 模式,適用於 Gmail、Outlook、ChatGPT 等第三方整合場景。使用方式非常簡單:只需將此技能的 SKILL.md 放入 ~/.claude/skills/ 目錄,然後直接對 Claude 下達「建立一個不會破版的登入頁面」或「修正這個 UI 使其對行動裝置友善」等指令即可,無需任何額外設定或設定檔。這對於需要快速產出穩定、跨裝置一致 Web 介面的開發者來說,是極具生產力的輔助工具。

相容平台✓Claude Code~Codex CLI~Cursor
npx skills add Kyaa-A/doesntbreak

在你喜歡的 AI 中提問

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

說明文件

doesntbreak 是做什麼的?

Claude Agent 技能:行動優先的網頁UI,從 320px 起都無水平捲軸,預設流暢。放入 ~/.claude/skills/ 後,只需要求 Claude 建立或修復任何 UI(無需設定)。

相關技能