
AI에게 UI를 만들게 하면 촌스러워지는 사람, 이것을 보세요!!!!
요약
Claude Design System의 설계 사상을 리버스 엔지니어링하여 만든 비공식 프롬프트와 디자인 스킬 모음입니다. AI 특유의 촌스러운 UI 패턴을 피하고 고품질의 UI를 생성하기 위한 가이드를 제공합니다.
핵심 포인트
- Claude Design System의 설계 사상을 반영한 20장의 시스템 프롬프트 제공
- 보라색 그라데이션, 과도한 이모지 등 AI 특유의 디자인 패턴 방지
- 계층, 여백, 리듬 리뷰 및 접근성 감사 등 14가지 디자인 스킬 포함
- Codex나 Claude Code 사용 시 UI 품질 검증 도구로 활용 가능
Claude Design System Prompt:
Claude Design의 설계 사상을 리버스 엔지니어링 (Reverse Engineering)한 비공식 프롬프트/Skill 모음.
내용이 상당히 진지합니다.
20장의 system prompt
14개의 Design Skill
Claude용 버전
Codex용 버전
접근성 (Accessibility) 감사
AI스러움 검사
계층/여백/리듬 리뷰
polish pass
AI에게 흔히 나타나는
보라색 그라데이션
이모지 범벅
글래스 카드 (Glass Card)
왠지 전부 둥글둥글함
여백만 넓은 SaaS 스타일 UI
를 피하기 위한 설계 사상이 들어있습니다.
그대로 복사해서 사용한다기보다, Codex나 Claude Code로 UI를 만들 때 품질 게이트 (Quality Gate)로서 상당히 참고가 됩니다.
UI 생성을 하고 있는 분들은 북마크 권장.
AI 자동 생성 콘텐츠
본 콘텐츠는 X @l_go_mrk (자동 발견)의 원문을 AI가 자동으로 요약·번역·분석한 것입니다. 원 저작권은 원저작자에게 있으며, 정확한 내용은 반드시 원문을 확인해 주세요.
원문 바로가기