ui-design이란?
UI 스타일 수정 협업 프로세스. 사용자가 스타일 변경, 레이아웃 조정 또는 UI 세부 조정을 요청할 때 사용합니다. "스크린샷 포지셔닝 → 현재 상태 설명 → 옵션 선택 → 코드 변경 → 미세 조정"의 구조화된 흐름을 따라 통신 드리프트를 줄이고 토큰 낭비를 방지합니다. 출처: yunshu0909/yunshu_skillshub.
·ui-design
*
ui-design
✓UI 스타일 수정 협업 프로세스. 사용자가 스타일 변경, 레이아웃 조정 또는 UI 세부 조정을 요청할 때 사용합니다. "스크린샷 포지셔닝 → 현재 상태 설명 → 옵션 선택 → 코드 변경 → 미세 조정"의 구조화된 흐름을 따라 통신 드리프트를 줄이고 토큰 낭비를 방지합니다.
ui-design 설치 방법
명령줄에서 ui-design AI 스킬을 개발 환경에 빠르게 설치
- 터미널 열기: 터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다
- 설치 명령어 실행: 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/yunshu0909/yunshu_skillshub --skill ui-design
- 설치 확인: 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다
출처: yunshu0909/yunshu_skillshub.
SKILL.md
원본 보기用户要求修改页面的 UI 样式（布局、间距、颜色、组件搭配等视觉层面的调整）。通过结构化的协作流程完成修改，确保每一步都对齐目标，不做无效猜测。
| 截图 | 标注出想改的区域 | | 问题描述 | "这两个元素搭配不协调"、"间距太大" | | 选择方案 | 从给出的方案中选一个 |
| 定位 | ASCII 现状图 | | 方案 | 2-3 个 ASCII 方案图 + 一句话说明 | | 改码 | 最小改动，只改选定方案 | | 微调 | 直接执行具体调整 |
UI 스타일 수정 협업 프로세스. 사용자가 스타일 변경, 레이아웃 조정 또는 UI 세부 조정을 요청할 때 사용합니다. "스크린샷 포지셔닝 → 현재 상태 설명 → 옵션 선택 → 코드 변경 → 미세 조정"의 구조화된 흐름을 따라 통신 드리프트를 줄이고 토큰 낭비를 방지합니다. 출처: yunshu0909/yunshu_skillshub.
인용 가능한 정보
AI/검색 인용용 안정적인 필드와 명령어.
- 설치 명령어
npx skills add https://github.com/yunshu0909/yunshu_skillshub --skill ui-design- 카테고리
- *크리에이티브
- 인증됨
- ✓
- 최초 등록
- 2026-02-26
- 업데이트
- 2026-03-10
빠른 답변
ui-design 설치 방법은?
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/yunshu0909/yunshu_skillshub --skill ui-design 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다
소스 저장소는 어디인가요?
https://github.com/yunshu0909/yunshu_skillshub
상세
- 카테고리
- *크리에이티브
- 출처
- skills.sh
- 최초 등록
- 2026-02-26