게시된 스킬 24
typeset
타이포그래피를 의도적인 디자인으로 전환
일반적인 폰트와 일관되지 않은 사이즈는 인터페이스의 신뢰성을 떨어뜨립니다. Typeset 은 전문 타이포그래피 원리를 적용하여 명확한 계층 구조, 읽기 쉬운 텍스트, 브랜드 개성을 반영하는 세련된 비주얼을 만듭니다.
teach-impeccable
일관된 AI 협업을 위한 디자인 컨텍스트 캡처
AI 어시스턴트는 브랜드와 사용자를 이해할 때 더 나은 디자인 결정을 내립니다. 이 스킬은 프로젝트별 디자인 컨텍스트를 한 번 수집하여 모든 향후 세션에서 사용할 수 있도록 저장합니다.
shape
코딩 전 UX/UI 디자인 계획
대부분의 AI 생성 UI는 디자인 사고를 건너뛰기 때문에 실패합니다. 이 스킬은 포괄적인 디자인 브리프를 생성하기 전에 사용자 요구사항, 제약조건, 목표를 이해하기 위해 구조화된 디스커버리 인터뷰를 실행합니다.
polish
UI를 완벽하게 다듬기
정렬, 간격, 일관성 및 UI 코드 세부 문제를 잡아내는 철저한 품질 검사 기술입니다. 좋은 작업을 세련되고 전문적인 인터페이스로 변환합니다.
quieter
대담한 디자인 정제하기
Claude 는 너무 공격적이거나 시각적으로 압도적인 디자인을 자동으로 완화하여, 임팩트와 기능성을 유지하면서 더욱 정제되고 세련된 미학을 만들어낼 수 있습니다.
overdrive
최첨단 효과로 특별한 웹 인터페이스 만들기
일반적인 웹 인터페이스는 정적이고 예측 가능합니다. Overdrive 는 영화 같은 전환, GPU 가속 시각 효과, 사용자를 놀라게 하고 즐겁게 하는 물리 기반 애니메이션으로 이를 변화시킵니다.
optimize
더 빠른 로딩과 부드러운 상호작용을 위한 웹 성능 최적화
느린 인터페이스는 사용자를 실망시키고 지표를 악화시킵니다. 이 스킬은 로딩 속도, 렌더링, 애니메이션, 이미지 및 번들 크기 전반에 걸쳐 성능 병목 지점을 체계적으로 식별하고 수정하여 더 빠르고 부드러운 경험을 만들어냅니다.
onboard
채택을 유도하는 사용자 온보딩 플로우 설계
사용자는 가치를 빠르게 이해하지 못하면 제품을 이탈합니다. 이 스킬은 사용자를 압도하지 않으면서 첫 번째 성공으로 안내하는 온보딩 경험을 설계할 수 있도록 도와줍니다.
normalize
디자인 시스템에 UI 컴포넌트 표준화
디자인 시스템의 벗어나는 요소를 자동으로 감지하고 수정하여 디자인 불일치를 제거합니다. 모든 컴포넌트가 올바른 토큰, 패턴, 그리고 확립된 규칙을 사용하도록 보장합니다.
layout
체계적인 간격으로 세련된 레이아웃 만들기
단조로운 그리드와 일관성 없는 간격으로 인해 비전문적으로 보이는 인터페이스를 수정합니다. 이 스킬은 체계적인 간격 스케일, 시각적 리듬, 명확한 계층 구조를establish하여 일반적인 레이아웃을 의도적인 구성으로 변환합니다.
impeccable
AI로 세련된 프론트엔드 인터페이스 구축하기
AI가 생성한 인터페이스는 흔히 진부하고 템플릿처럼 보이기 쉽습니다. Impeccable은 전문가 수준의 디자인 결정을 통해 AI를 안내하여 독창적이고 프로덕션 등급의 프론트엔드 코드를 만들어냅니다.
harden
프로덕션 현실에 대비해 인터페이스 강화하기
인터페이스는 실제 사용자가 예상치 못한 데이터를 입력하거나 연결이 끊기거나 보조 기술을 사용할 때 문제가 발생합니다. 이 스킬은 에지 케이스, 국제화 문제, 오류 및 접근성 격차를 체계적으로 처리하여 프로덕션 준비 상태를 보장합니다.
frontend-design
눈에 띄는 독특한 프론트엔드 인터페이스 구축
일반적인 AI 생성 코드는 잊을 만하고 템플릿화된 디자인을 생산합니다. 이 스킬은 기억에 남는 사용자 경험을 만들어내는 대담한 미학적 방향성과 프로덕션 수준의 구현을 가르칩니다.
extract
디자인 시스템 컴포넌트 추출
코드베이스에서 재사용 가능한 컴포넌트, 디자인 토큰, 패턴을 식별하고 구조화된 디자인 시스템으로 추출하세요. 이 스킬은 분산된 UI 코드를 체계적이고 문서화된 자산으��� 통합합니다.
distill
디자인을 본질로 단순화하고 최소화하기
이 스킬은 AI 어시스턴트가 불필요한 요소를 제거하여 복잡한 디자인을 단순화하고, 사용자가 목표에 도달할 수 있는 깔끔하고 집중된 사용자 인터페이스를 만드는 것을 도와줍니다.
delight
기대를 초월하는 미세 상호작용으로 인터페이스를 탈바꿈시키기
기능적인 인터페이스는 종종 차갑고 기계적으로 느껴집니다. 이 스킬은 사용성을 유지하면서 사용자가 미소 짓게 되는 전략적인 기쁨과 개성을 순간적으로 추가합니다.
critique
디자인 비판하기
AI 생성 패턴, 시각적 계층 구조 문제 및 실행 가능한 개선 사항을 파악하여 인터페이스를 높이는 전문 UX 디자인 피드백을 받으세요.
colorize
디자인에 전략적인 컬러 적용하기
회색빛이고 생명력 없는 인터페이스를 따뜻하고 매력적인 경험으로 변화시킵니다. 이 스킬은 시각적 계층 구조를 개선하고 사용자의 즐거움을 높이기 위해 의도적인 컬러 이론을 적용합니다.
clarify
불분명한 UX 문구 및 오류 메시지 개선
혼란스러운 인터페이스 텍스트는 사용자를 좌절시키고 지원 비용을 증가시킵니다. 이 스킬은 전문 용어, 모호한 레이블, 부적절한 오류 메시지를 사용자를 효과적으로 안내하는 명확하고 인간 친화적인 문구로 변환합니다.
bolder
평범한 디자인을 대담한 경험으로 변화시키세요
진부하고 기억에 남지 않는 인터페이스에 더 이상 타협하지 마세요. 이 스킬은 사용성과 접근성 표준을 유지하면서도 사용자를 사로잡는 시각적으로 인상적인 디자인을 Claude 가 만들 수 있도록 도와줍니다.
audit
인터페이스 품질 감사
잘못된 인터페이스 품질은 사용자 경험을 저하시키고 장애를 가진 사용자를 배제합니다. 이 스킬은 접근성, 성능, 테마, 반응형 디자인에 대한 체계적인 감사를 제공하여 프로덕션에 도달하기 전에 문제를 식별합니다.
arrange
의도적인 간격과 리듬으로 레이아웃 변형하기
단조로운 그리드와 임의의 간격을 제거합니다. 이 스킬은 의도적인 간격, 다양한 리듬, 중요한 부분에 시선을 유도하는 구조화된 레이아웃을 통해 시각적 계층 구조를 만들기 위한 체계적인 접근 방식을 제공합니다.
animate
의미 있는 애니메이션과 마이크로 인터랙션 추가
정적 인터페이스는 미완성처럼 느껴지며 사용자를 안내할 기회를 놓치게 됩니다. 이 스킬은 사용자에게 피드백을 제공하고 이해도를 높이며 사용자를 압도하지 않으면서 즐거운 경험을 만들어내는 모션을 전략적으로 추가할 수 있도록 도와줍니다.
adapt
화면이나 플랫폼에 관계없이 디자인을 적용하세요
모바일, 태블릿, 데스크톱, 인쇄 또는 이메일을 통해 디자인을 작동시키기가 어려우신가요? 이 스킬은 일관성과 사용성을 유지하면서 다양한 맥락에 맞게 디자인을 적용하는 전문가의 안내를 제공합니다.