frontend-color-system이란?
브랜드 색상을 바탕으로 색상 팔레트 및 테마 생성. 프로젝트 테마 설정, shadcn/Tailwind 색상 구성표 생성, WCAG 접근성 대비 확인 또는 다크 모드 구축 시 사용합니다. 팔레트 생성 및 대비 검증을 위한 API 도구가 포함되어 있습니다. 출처: petbrains/mvp-builder.
·frontend-color-system
</>
frontend-color-system
✓브랜드 색상을 바탕으로 색상 팔레트 및 테마 생성. 프로젝트 테마 설정, shadcn/Tailwind 색상 구성표 생성, WCAG 접근성 대비 확인 또는 다크 모드 구축 시 사용합니다. 팔레트 생성 및 대비 검증을 위한 API 도구가 포함되어 있습니다.
frontend-color-system 설치 방법
명령줄에서 frontend-color-system AI 스킬을 개발 환경에 빠르게 설치
- 터미널 열기: 터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다
- 설치 명령어 실행: 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/petbrains/mvp-builder --skill frontend-color-system
- 설치 확인: 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다
출처: petbrains/mvp-builder.
SKILL.md
원본 보기| AA | 4.5:1 | 3:1 | | AAA | 7:1 | 4.5:1 |
| Blue | #2563EB | 4.5:1 ✓ | | Indigo | #4F46E5 | 4.9:1 ✓ | | Purple | #7C3AED | 4.5:1 ✓ | | Green | #16A34A | 4.5:1 ✓ | | Red | #DC2626 | 4.5:1 ✓ |
| Slate | Cool blue | Tech, modern | | Zinc | Cool neutral | Professional | | Neutral | Pure gray | Minimal | | Stone | Warm brown | Organic |
브랜드 색상을 바탕으로 색상 팔레트 및 테마 생성. 프로젝트 테마 설정, shadcn/Tailwind 색상 구성표 생성, WCAG 접근성 대비 확인 또는 다크 모드 구축 시 사용합니다. 팔레트 생성 및 대비 검증을 위한 API 도구가 포함되어 있습니다. 출처: petbrains/mvp-builder.
인용 가능한 정보
AI/검색 인용용 안정적인 필드와 명령어.
- 설치 명령어
npx skills add https://github.com/petbrains/mvp-builder --skill frontend-color-system- 카테고리
- </>개발 도구
- 인증됨
- ✓
- 최초 등록
- 2026-02-25
- 업데이트
- 2026-03-11
빠른 답변
frontend-color-system 설치 방법은?
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/petbrains/mvp-builder --skill frontend-color-system 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다
소스 저장소는 어디인가요?
https://github.com/petbrains/mvp-builder
상세
- 카테고리
- </>개발 도구
- 출처
- skills.sh
- 최초 등록
- 2026-02-25