Communitygithub.com

Kyaa-A/doesntbreak

Claude Agent 技能:移动优先的 Web UI,从 320px 宽度起完美适配——无水平滚动,默认流动布局。放入 ~/.claude/skills/,然后直接让 Claude 构建或修复任何 UI(无需配置)。

doesntbreak 是什么?

这是一个针对 Claude Agent 的移动优先 Web UI 技能。它确保任何生成的用户界面都能从 320px 的极小屏幕宽度开始完美适配,消除水平滚动条,并默认采用流动布局。对于需要快速为 Claude Code、Cursor、Codex 等 AI 编程助手构建或修复响应式 UI 的开发者来说,此技能非常有用。你只需将对应的技能文件放入 `~/.claude/skills/` 目录,然后通过自然语言指令要求 Claude 构建或修复 UI,无需任何额外配置。其工作原理是指导 Agent 遵循移动优先设计原则,在最小视口宽度下测试布局,并自动调整 CSS 样式以实现流畅的跨设备体验。

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

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

doesntbreak 是做什么的?

Claude Agent 技能:移动优先的 Web UI,从 320px 宽度起完美适配——无水平滚动,默认流动布局。放入 ~/.claude/skills/,然后直接让 Claude 构建或修复任何 UI(无需配置)。

相关技能