Communitygithub.com

Kyaa-A/doesntbreak

Claude Agent 스킬: 320px 이상에서 깨지지 않는 모바일 우선 웹 UI — 가로 스크롤 없음, 기본적으로 유동적인 레이아웃. ~/.claude/skills/ 에 넣고 Claude에게 UI를 만들거나 수정해달라고 요청하세요 (설정 불필요).

doesntbreak란 무엇인가요?

이 스킬은 Claude Code 및 기타 Claude Agent 환경에서 모바일 우선 접근법으로 웹 UI를 구축하거나 수정할 때 사용됩니다. 최소 320px 너비에서도 가로 스크롤 없이 유동적으로 동작하는 UI를 보장합니다. 설정이 전혀 필요 없으며, SKILL.md 파일을 ~/.claude/skills/ 디렉토리에 넣기만 하면 Claude가 자동으로 인식하고 활용합니다. 개발자가 별도로 CSS 프레임워크나 반응형 설정을 지정하지 않아도, Claude가 이 스킬을 참고하여 모든 화면 크기에서 깨지지 않는 UI를 생성해 줍니다. 특히 빠른 프로토타이핑이나 반응형 디자인이 중요한 프로젝트에서 유용하며, Agent가 생성하는 UI의 일관성과 품질을 높여줍니다.

지원 대상✓Claude Code~Codex CLI~Cursor
npx skills add Kyaa-A/doesntbreak

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

doesntbreak은(는) 무엇을 하나요?

Claude Agent 스킬: 320px 이상에서 깨지지 않는 모바일 우선 웹 UI — 가로 스크롤 없음, 기본적으로 유동적인 레이아웃. ~/.claude/skills/ 에 넣고 Claude에게 UI를 만들거나 수정해달라고 요청하세요 (설정 불필요).

관련 스킬