penpot-uiux-design
✓MCP 도구를 사용하여 Penpot에서 전문적인 UI/UX 디자인을 만들기 위한 종합 가이드입니다. (1) 웹, 모바일 또는 데스크톱 애플리케이션을 위한 새로운 UI/UX 디자인 만들기, (2) 구성 요소 및 토큰을 사용하여 디자인 시스템 구축, (3) 대시보드, 양식, 탐색 또는 랜딩 페이지 디자인, (4) 접근성 표준 및 모범 사례 적용, (5) 플랫폼 지침(iOS, Android, 머티리얼 디자인) 따르기, (6) 사용성을 위해 기존 Penpot 디자인 검토 또는 개선. 트리거: "UI 디자인", "인터페이스 만들기", "레이아웃 빌드", "대시보드 디자인", "양식 만들기", "랜딩 페이지 디자인", "액세스 가능하게 만들기", "디자인 시스템", "구성 요소 라이브러리".
SKILL.md
Create professional, user-centered designs in Penpot using the penpot/penpot-mcp MCP server and proven UI/UX principles.
| mcppenpotexecutecode | Run JavaScript in Penpot plugin context to create/modify designs | | mcppenpotexportshape | Export shapes as PNG/SVG for visual inspection | | mcppenpotimportimage | Import images (icons, photos, logos) into designs | | mcppenpotpenpotapiinfo | Retrieve Penpot API documentation |
The Penpot MCP tools require the penpot/penpot-mcp server running locally. For detailed installation and troubleshooting, see setup-troubleshooting.md.
MCP 도구를 사용하여 Penpot에서 전문적인 UI/UX 디자인을 만들기 위한 종합 가이드입니다. (1) 웹, 모바일 또는 데스크톱 애플리케이션을 위한 새로운 UI/UX 디자인 만들기, (2) 구성 요소 및 토큰을 사용하여 디자인 시스템 구축, (3) 대시보드, 양식, 탐색 또는 랜딩 페이지 디자인, (4) 접근성 표준 및 모범 사례 적용, (5) 플랫폼 지침(iOS, Android, 머티리얼 디자인) 따르기, (6) 사용성을 위해 기존 Penpot 디자인 검토 또는 개선. 트리거: "UI 디자인", "인터페이스 만들기", "레이아웃 빌드", "대시보드 디자인", "양식 만들기", "랜딩 페이지 디자인", "액세스 가능하게 만들기", "디자인 시스템", "구성 요소 라이브러리". 출처: github/awesome-copilot.
인용 가능한 정보
AI/검색 인용용 안정적인 필드와 명령어.
- 설치 명령어
npx skills add https://github.com/github/awesome-copilot --skill penpot-uiux-design- 카테고리
- </>개발 도구
- 인증됨
- ✓
- 최초 등록
- 2026-02-05
- 업데이트
- 2026-02-18
빠른 답변
penpot-uiux-design이란?
MCP 도구를 사용하여 Penpot에서 전문적인 UI/UX 디자인을 만들기 위한 종합 가이드입니다. (1) 웹, 모바일 또는 데스크톱 애플리케이션을 위한 새로운 UI/UX 디자인 만들기, (2) 구성 요소 및 토큰을 사용하여 디자인 시스템 구축, (3) 대시보드, 양식, 탐색 또는 랜딩 페이지 디자인, (4) 접근성 표준 및 모범 사례 적용, (5) 플랫폼 지침(iOS, Android, 머티리얼 디자인) 따르기, (6) 사용성을 위해 기존 Penpot 디자인 검토 또는 개선. 트리거: "UI 디자인", "인터페이스 만들기", "레이아웃 빌드", "대시보드 디자인", "양식 만들기", "랜딩 페이지 디자인", "액세스 가능하게 만들기", "디자인 시스템", "구성 요소 라이브러리". 출처: github/awesome-copilot.
penpot-uiux-design 설치 방법은?
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/github/awesome-copilot --skill penpot-uiux-design 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다
소스 저장소는 어디인가요?
https://github.com/github/awesome-copilot
상세
- 카테고리
- </>개발 도구
- 출처
- skills.sh
- 최초 등록
- 2026-02-05