디자인 시스템
UI-UX Pro Max · Design
로고, 아이덴티티, 슬라이드, 배너, 아이콘 작업을 하나의 입구에서 분배합니다.
무엇인가
작업을 하위 스킬이나 내장 모듈로 분배하는 통합 디자인 스킬. 내장 모듈은 Gemini 스크립트를 통해 로고 생성, 기업 아이덴티티 목업, HTML 슬라이드, 배너, 소셜 이미지, SVG 아이콘을 다룹니다.
Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini AI), corporate identity program (50 deliverables, CIP mockups), HTML presentations (Chart.js), banner design (22 s
디자인에 왜 중요한가
- 로고, 아이덴티티 목업, 덱이 모두 하나의 브랜드 입력에서 나옵니다.
- 아이콘은 SVG 텍스트로 생성되어 래스터가 아니라 편집 가능한 상태로 남습니다.
- 배너 규칙은 세이프 존, 최대 두 개의 폰트, 하나의 CTA를 강제합니다.
다루는 내용
- Sub-skill routing
- Logo design
- CIP design
- Slides
- Banner design
- Icon design
설치 방법
UI-UX Pro Max · Design
-
저장소를 클론하세요.
git clone https://github.com/nextlevelbuilder/ui-ux-pro-max-skill -
Codex에 스킬 파일 경로를 지정하세요.
cli/assets/skills/design/SKILL.md -
그다음 원하는 UI를 설명하세요. Codex가 스킬을 따릅니다.
Codex로 실행하는 법
-
먼저 GEMINI_API_KEY를 내보내고 google-genai와 pillow를 설치하세요.
-
scripts/logo/search.py로 디자인 브리프를 잡고, generate.py로 이미지를 만드세요.
-
그 로고를 scripts/cip/generate.py에 넣어 납품용 목업을 만드세요.
여기 모인 플러그인은 모두 무료 오픈소스이며, 실제 업스트림 출처로 연결됩니다.
codex-design 목록에서 더 보기 ↗다른 Codex 디자인 플러그인
프런트엔드 & UI 무엇을 하나 gpt-taste GSAP 스크롤 모션과 빈틈없는 벤토 그리드로 수상작급 랜딩 페이지를 만듭니다. 
디자인 시스템 무엇을 하나 Stitch Design Taste Google Stitch가 흔해 빠진 화면 대신 개성 있는 화면을 내놓도록 DESIGN.md를 작성합니다. 
프런트엔드 & UI 무엇을 하나 image-to-code 디자인 이미지를 먼저 생성하고 분석한 뒤, 그에 맞는 프런트엔드 코드를 만듭니다. 
프런트엔드 & UI 무엇을 하나 imagegen-frontend-mobile 프리미엄 모바일 앱 화면 플로우를 코드가 아니라 이미지로 생성합니다. 다음 단계
세팅 없이, Open Design으로 디자인하기
이 플러그인을 직접 설치해도 되고, Open Design으로 Codex 주위에 잘 정돈된 디자인 레이어를 통째로 두를 수도 있습니다. 키는 직접 가져오고, 산출물도 직접 소유하세요.