doesntbreak 是做什麼的?
Claude Agent 技能:行動優先的網頁UI,從 320px 起都無水平捲軸,預設流暢。放入 ~/.claude/skills/ 後,只需要求 Claude 建立或修復任何 UI(無需設定)。
Claude Agent 技能:行動優先的網頁UI,從 320px 起都無水平捲軸,預設流暢。放入 ~/.claude/skills/ 後,只需要求 Claude 建立或修復任何 UI(無需設定)。
這是一個專為 Claude Agent 設計的技能(skill),其核心目標是強制生成或修正網頁 UI,使其達到「不會破版」的效果。它定義了一組 CSS 規則,確保任何由 Claude 建立的 UI 都是行動裝置優先、從 320px 寬度開始就能完美適配,絕對不會出現水平捲軸,並且所有元素預設使用相對單位(如 rem、em、%)以實現流暢縮放。支援 Claude Code 與 API 模式,適用於 Gmail、Outlook、ChatGPT 等第三方整合場景。使用方式非常簡單:只需將此技能的 SKILL.md 放入 ~/.claude/skills/ 目錄,然後直接對 Claude 下達「建立一個不會破版的登入頁面」或「修正這個 UI 使其對行動裝置友善」等指令即可,無需任何額外設定或設定檔。這對於需要快速產出穩定、跨裝置一致 Web 介面的開發者來說,是極具生產力的輔助工具。
npx skills add Kyaa-A/doesntbreakClaude Agent 技能:行動優先的網頁UI,從 320px 起都無水平捲軸,預設流暢。放入 ~/.claude/skills/ 後,只需要求 Claude 建立或修復任何 UI(無需設定)。
ElevenLabs text-to-speech with mac-style say UX.
Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.
Capture and automate macOS UI with the Peekaboo CLI.
Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".
Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".