web-design-reviewer
✓이 기술을 사용하면 로컬 또는 원격으로 실행되는 웹 사이트를 시각적으로 검사하여 디자인 문제를 식별하고 수정할 수 있습니다. "웹사이트 디자인 검토", "UI 확인", "레이아웃 수정", "디자인 문제 찾기"와 같은 요청에 대해 트리거됩니다. 반응형 디자인, 접근성, 시각적 일관성, 레이아웃 손상과 관련된 문제를 감지한 다음 소스 코드 수준에서 수정을 수행합니다.
SKILL.md
This skill enables visual inspection and validation of website design quality, identifying and fixing issues at the source code level.
Please provide the URL of the website to review (e.g., http://localhost:3000)
| Framework | Are you using React / Vue / Next.js, etc.? | | Styling Method | CSS / SCSS / Tailwind / CSS-in-JS, etc. | | Source Location | Where are style files and components located? | | Review Scope | Specific pages only or entire site? |
이 기술을 사용하면 로컬 또는 원격으로 실행되는 웹 사이트를 시각적으로 검사하여 디자인 문제를 식별하고 수정할 수 있습니다. "웹사이트 디자인 검토", "UI 확인", "레이아웃 수정", "디자인 문제 찾기"와 같은 요청에 대해 트리거됩니다. 반응형 디자인, 접근성, 시각적 일관성, 레이아웃 손상과 관련된 문제를 감지한 다음 소스 코드 수준에서 수정을 수행합니다. 출처: github/awesome-copilot.
인용 가능한 정보
AI/검색 인용용 안정적인 필드와 명령어.
- 설치 명령어
npx skills add https://github.com/github/awesome-copilot --skill web-design-reviewer- 카테고리
- </>개발 도구
- 인증됨
- ✓
- 최초 등록
- 2026-02-01
- 업데이트
- 2026-02-18
빠른 답변
web-design-reviewer이란?
이 기술을 사용하면 로컬 또는 원격으로 실행되는 웹 사이트를 시각적으로 검사하여 디자인 문제를 식별하고 수정할 수 있습니다. "웹사이트 디자인 검토", "UI 확인", "레이아웃 수정", "디자인 문제 찾기"와 같은 요청에 대해 트리거됩니다. 반응형 디자인, 접근성, 시각적 일관성, 레이아웃 손상과 관련된 문제를 감지한 다음 소스 코드 수준에서 수정을 수행합니다. 출처: github/awesome-copilot.
web-design-reviewer 설치 방법은?
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/github/awesome-copilot --skill web-design-reviewer 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다
소스 저장소는 어디인가요?
https://github.com/github/awesome-copilot
상세
- 카테고리
- </>개발 도구
- 출처
- skills.sh
- 최초 등록
- 2026-02-01