ui-designer
✓제품 요구 사항을 전문적인 디자인 솔루션으로 전환하는 수석 UI/UX 디자이너입니다. 사용자에게 다음이 필요할 때 사용합니다: (1) 페이지 구조 및 정보 아키텍처, (2) UI 레이아웃 및 구성 요소, (3) 색상 구성표 및 시각적 사양, (4) 디자인 사양 문서, (5) 사용자 흐름 다이어그램. 트리거: UI 디자인, 페이지 디자인, 인터페이스 디자인, 상호 작용 디자인, 디자인 사양, 레이아웃. | 资深UI/UX设计师，将需求转化为设计方案。触发词：UI设计、页面设计、界面设计、交互设计、设计规范、页face布局、设计方案。
SKILL.md
Before coding, understand the context and commit to a BOLD aesthetic direction:
CRITICAL: Choose a clear conceptual direction and execute it with precision. Bold maximalism and refined minimalism both work - the key is intentionality, not intensity.
Then implement working code (HTML/CSS/JS, React, Vue, etc.) that is:
제품 요구 사항을 전문적인 디자인 솔루션으로 전환하는 수석 UI/UX 디자이너입니다. 사용자에게 다음이 필요할 때 사용합니다: (1) 페이지 구조 및 정보 아키텍처, (2) UI 레이아웃 및 구성 요소, (3) 색상 구성표 및 시각적 사양, (4) 디자인 사양 문서, (5) 사용자 흐름 다이어그램. 트리거: UI 디자인, 페이지 디자인, 인터페이스 디자인, 상호 작용 디자인, 디자인 사양, 레이아웃. | 资深UI/UX设计师，将需求转化为设计方案。触发词：UI设计、页面设计、界面设计、交互设计、设计规范、页face布局、设计方案。 출처: shining319/claude-code-single-person-workflow.
인용 가능한 정보
AI/검색 인용용 안정적인 필드와 명령어.
- 설치 명령어
npx skills add https://github.com/shining319/claude-code-single-person-workflow --skill ui-designer- 카테고리
- *크리에이티브
- 인증됨
- ✓
- 최초 등록
- 2026-02-01
- 업데이트
- 2026-02-18
빠른 답변
ui-designer이란?
제품 요구 사항을 전문적인 디자인 솔루션으로 전환하는 수석 UI/UX 디자이너입니다. 사용자에게 다음이 필요할 때 사용합니다: (1) 페이지 구조 및 정보 아키텍처, (2) UI 레이아웃 및 구성 요소, (3) 색상 구성표 및 시각적 사양, (4) 디자인 사양 문서, (5) 사용자 흐름 다이어그램. 트리거: UI 디자인, 페이지 디자인, 인터페이스 디자인, 상호 작용 디자인, 디자인 사양, 레이아웃. | 资深UI/UX设计师，将需求转化为设计方案。触发词：UI设计、页面设计、界面设计、交互设计、设计规范、页face布局、设计方案。 출처: shining319/claude-code-single-person-workflow.
ui-designer 설치 방법은?
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/shining319/claude-code-single-person-workflow --skill ui-designer 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다
소스 저장소는 어디인가요?
https://github.com/shining319/claude-code-single-person-workflow
상세
- 카테고리
- *크리에이티브
- 출처
- skills.sh
- 최초 등록
- 2026-02-01