web-ui-ux
✓웹 제품 UI(레이아웃, 유용성, 마이크로카피, 접근성, 반응형 동작, 양식, 탐색)를 디자인, 검토 및 개선하기 위한 웹 UI/UX 전문가 지침입니다. UI/UX 개선, 페이지 감사, 화면 디자인, 구성 요소 사양 생성 또는 웹 앱용 HTML 헤드/매니페스트/아이콘 지침 생성을 요청받을 때 사용합니다. 선택적으로 UX 휴리스틱을 위한 Unreal UI(UMG)에 적용할 수 있습니다.
SKILL.md
You help produce modern, usable, accessible web UI with clear, testable guidance.
Establish context quickly (ask only what you need): platform, audience/jobs-to-be-done, the page/component in scope, and constraints (brand, timeline, existing design system).
Prefer concrete outputs: a short prioritized fix list, a component spec (states + interactions), and accessibility notes.
웹 제품 UI(레이아웃, 유용성, 마이크로카피, 접근성, 반응형 동작, 양식, 탐색)를 디자인, 검토 및 개선하기 위한 웹 UI/UX 전문가 지침입니다. UI/UX 개선, 페이지 감사, 화면 디자인, 구성 요소 사양 생성 또는 웹 앱용 HTML 헤드/매니페스트/아이콘 지침 생성을 요청받을 때 사용합니다. 선택적으로 UX 휴리스틱을 위한 Unreal UI(UMG)에 적용할 수 있습니다. 출처: ssdeanx/ai-skills.
인용 가능한 정보
AI/검색 인용용 안정적인 필드와 명령어.
- 설치 명령어
npx skills add https://github.com/ssdeanx/ai-skills --skill web-ui-ux- 카테고리
- *크리에이티브
- 인증됨
- ✓
- 최초 등록
- 2026-02-01
- 업데이트
- 2026-02-18
빠른 답변
web-ui-ux이란?
웹 제품 UI(레이아웃, 유용성, 마이크로카피, 접근성, 반응형 동작, 양식, 탐색)를 디자인, 검토 및 개선하기 위한 웹 UI/UX 전문가 지침입니다. UI/UX 개선, 페이지 감사, 화면 디자인, 구성 요소 사양 생성 또는 웹 앱용 HTML 헤드/매니페스트/아이콘 지침 생성을 요청받을 때 사용합니다. 선택적으로 UX 휴리스틱을 위한 Unreal UI(UMG)에 적용할 수 있습니다. 출처: ssdeanx/ai-skills.
web-ui-ux 설치 방법은?
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/ssdeanx/ai-skills --skill web-ui-ux 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다
소스 저장소는 어디인가요?
https://github.com/ssdeanx/ai-skills
상세
- 카테고리
- *크리에이티브
- 출처
- skills.sh
- 최초 등록
- 2026-02-01