Communitygithub.com

Kyaa-A/doesntbreak

Claude エージェントスキル:320pxから対応し、横スクロールがなく、デフォルトで流動的な、モバイルファーストのWeb UIを構築します。~/.claude/skills/に配置し、ClaudeにUIの構築や修正を依頼するだけです(設定不要)。

doesntbreak とは?

このスキルは、Claude CodeなどのAIエージェントがモバイルファーストで堅牢なWeb UIを生成するためのガイドラインを提供します。最小幅320pxから画面サイズが大きくても横スクロールが発生せず、すべての要素が流動的に動作するよう設計されています。スキルファイルを`~/.claude/skills/`に配置するだけで、Claudeが「モバイル対応のUIを作って」や「このUIを直して」といった指示に従って、即座にレスポンシブなコードを生成できるようになります。開発者はCSSフレームワークや複雑な設定を追加することなく、一貫性のある高品質なUIを迅速に得られます。このスキルはClaude CodeやCursor、CodexなどのAIコーディングエージェントで利用可能で、主にHTMLとCSSを使用したシンプルなWeb UIのプロトタイピングや修正作業を効率化します。

対応✓Claude Code~Codex CLI~Cursor
npx skills add Kyaa-A/doesntbreak

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

doesntbreak は何をしますか?

Claude エージェントスキル:320pxから対応し、横スクロールがなく、デフォルトで流動的な、モバイルファーストのWeb UIを構築します。~/.claude/skills/に配置し、ClaudeにUIの構築や修正を依頼するだけです(設定不要)。

関連スキル