UI/UX 작업을 위한 디자인 원칙과 검토 방법론입니다. 새로운 인터페이스를 구축하거나, 시각적 변경 사항을 검토하거나, 디자인 품질을 검증할 때 사용하세요. 시각적 개선, 접근성(WCAG 2.1 AA), 반응형 디자인, 구성 요소 표준 및 상호 작용 패턴에 대한 모범 사례가 포함되어 있습니다. 개발 가이드와 검토 체크리스트로 모두 작동합니다. 우선순위가 지정된 결과를 포함하는 구조화된 보고서를 생성합니다.
명령줄에서 frontend-design-review AI 스킬을 개발 환경에 빠르게 설치
출처: petbrains/mvp-builder.
Design principles and quality standards for building and reviewing user interfaces.
Users First Every design decision should serve user needs. Prioritize clarity over cleverness, and optimize for the most common workflows. When in doubt, choose the option that reduces user effort.
Meticulous Craft Small details compound into overall quality. Consistent spacing, aligned elements, and polished interactions signal care and build trust. Sweat the details that users feel but may not consciously notice.
UI/UX 작업을 위한 디자인 원칙과 검토 방법론입니다. 새로운 인터페이스를 구축하거나, 시각적 변경 사항을 검토하거나, 디자인 품질을 검증할 때 사용하세요. 시각적 개선, 접근성(WCAG 2.1 AA), 반응형 디자인, 구성 요소 표준 및 상호 작용 패턴에 대한 모범 사례가 포함되어 있습니다. 개발 가이드와 검토 체크리스트로 모두 작동합니다. 우선순위가 지정된 결과를 포함하는 구조화된 보고서를 생성합니다. 출처: petbrains/mvp-builder.
AI/검색 인용용 안정적인 필드와 명령어.
npx skills add https://github.com/petbrains/mvp-builder --skill frontend-design-reviewUI/UX 작업을 위한 디자인 원칙과 검토 방법론입니다. 새로운 인터페이스를 구축하거나, 시각적 변경 사항을 검토하거나, 디자인 품질을 검증할 때 사용하세요. 시각적 개선, 접근성(WCAG 2.1 AA), 반응형 디자인, 구성 요소 표준 및 상호 작용 패턴에 대한 모범 사례가 포함되어 있습니다. 개발 가이드와 검토 체크리스트로 모두 작동합니다. 우선순위가 지정된 결과를 포함하는 구조화된 보고서를 생성합니다. 출처: petbrains/mvp-builder.
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/petbrains/mvp-builder --skill frontend-design-review 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다
https://github.com/petbrains/mvp-builder