스킬 찾기

로고, 색상, 글꼴, 화면과 인쇄물의 적용 예시를 한 장의 이미지로 만듭니다. 브랜드의 목적과 대상에 맞춰 일관된 디자인 방향을 시각화합니다.

• 신제품의 브랜드 이미지 공유
• 의미가 담긴 로고 방향 검토
• 색상과 글꼴 및 적용 예시 확인

모호한 디자인 요청을 색상, 글꼴, 레이아웃 등 여덟 가지 관점으로 구체화합니다. 구현 기준이 될 명세서와 HTML 미리보기를 만들고 보완한 기본값도 명시합니다.

• 모호한 디자인 요청 구체화
• 랜딩 페이지 색상, 글꼴과 여백 설계
• HTML 미리보기로 외관 확인

디자인 방향, 색상과 여백 등의 공통값, 시각적 규칙을 DESIGN.md에 작성하고 관리합니다. 제작 시 참고할 기준을 하나의 문서에 모읍니다.

• 프로젝트 디자인 방향 문서화
• 디자인 공통값을 한곳에 정리
• DESIGN.md로 시각적 규칙 관리

공개 사이트의 색상, 글꼴, 로고, 이미지, 문체를 실측해 정리합니다. 브랜드 가이드와 미리보기가 있는 재사용 가능한 디자인 시스템으로 만듭니다.

• 사이트 색상과 글꼴, 로고 정리
• 참고 사이트로 브랜드 가이드 작성
• 브랜드를 나타내는 이미지 수집

잡지 지면과 전자종이를 떠올리게 하는 가로형 슬라이드를 만듭니다. 열 가지 배치와 다섯 가지 색상 구성으로 주장과 데이터를 인쇄물 같은 모습으로 정리합니다.

• 잡지 스타일의 자료로 주장 전달
• 연구 결과와 주요 수치 공유
• 장별로 구성한 발표 자료 제작

엄격한 그리드, 큰 글자와 촘촘한 데이터, 빨간 강조색으로 산업 매뉴얼이나 오래된 단말기 같은 웹 화면을 설계합니다. 종이와 주사선 질감도 활용합니다.

• 데이터가 많은 대시보드 프로토타입 제작
• 인쇄물 느낌의 포트폴리오 제작
• 어두운 단말기 스타일 화면 설계

Anthropic의 공식 브랜드 색상과 타이포그래피를 제작물에 적용해 시각적 일관성을 맞춥니다. 자체 브랜드 지침을 만드는 데 참고할 수도 있습니다.

• 공식 브랜드 색상을 적용할 때
• 공식 지침에 맞춰 글자를 정리할 때
• 여러 제작물의 시각적 스타일을 통일할 때

새 브랜드나 제품을 위해 디자인 시스템을 처음부터 구축합니다. 독창적인 표현을 탐색하고 실제 제품을 가정한 목업으로 디자인 방향과 완성 모습을 살펴봅니다.

• 새 브랜드를 처음부터 구축
• 디자인 시작 단계의 워크숍 진행
• 새 디자인 시스템 구축

p5.js에서 계산 규칙과 난수로 생성 예술을 만듭니다. 난수의 초깃값을 고정해 같은 그림을 재현하며, 포스터와 동적인 느낌의 정지 이미지, 구도 시안 제작에 활용합니다.

• 규칙을 바탕으로 포스터를 제작합니다
• 움직임이 느껴지는 정지 이미지를 만듭니다
• 예술 작품의 구도를 시험합니다

고정된 1920×1080 캔버스에서 내용에 맞춰 슬라이드를 자유롭게 구성합니다. 색상과 글자 크기를 통일하고 키보드로 넘기는 단일 HTML 파일로 만듭니다.

• 개인 포트폴리오 제작
• 미술 및 디자인 수업 자료 작성
• 질문이나 이미지 중심의 강연 자료 제작

기업 문화와 전략, 행동 원칙을 소개하는 세 장의 HTML 슬라이드를 만듭니다. 버건디, 연분홍, 차분한 금색에 큰 글자와 태그, 여덟 개의 원칙 카드를 배치합니다.

• 기업 문화 소개
• 여덟 가지 행동 원칙 공유
• 태그로 스튜디오의 특징 표현

화면이나 제품 디자인을 Dieter Rams의 10가지 원칙으로 점검하고 근거와 함께 채점합니다. 신규 설계·개선·재설계 방향을 판단하고 실행 계획용 요청문으로 정리합니다.

• Dieter Rams의 10가지 원칙으로 UI 점검
• 화면 개선과 재설계 중 방향 결정
• 근거를 바탕으로 화면 문구와 사용성 점검

차트, 관계도, 표, 보고서와 화면 목업을 HTML 페이지로 만들어 Orca 채팅에 표시합니다. 답변에 시각 자료를 덧붙여 수치 비교와 정보의 관계, 화면 구성을 설명합니다.

• 차트로 수치 비교
• 관계도로 정보 간 연결 설명
• 채팅 안에서 표와 보고서 표시

주제에 맞는 구성과 글꼴을 골라 공개 웹페이지를 기획하고 구현·검토합니다. 실제 브라우저 측정과 세 가지 화면 너비의 스크린샷을 바탕으로 개선합니다.

• 틀에 박힌 랜딩 페이지 재설계
• 독자적인 구상을 담은 포트폴리오 제작
• 세 화면 너비에서 글자와 배치 점검

Ant Design의 색상, 여백, 모서리, 글꼴을 공통 설정합니다. 개별 컴포넌트 조정과 다크 모드, CSS 변수 설정, 계산된 테마 값 추출도 지원합니다.

• 디자인에 맞춰 색상과 글꼴 조정
• 다크 테마 설정
• 특정 컴포넌트의 외관만 조정

Figma 파일을 분석해 페이지, 화면, 컴포넌트와 공통 디자인 값의 관계를 그래프로 정리합니다. 대화형 대시보드에서 디자인 구조를 확인할 수 있습니다.

• Figma 파일의 전체 구조 파악
• 컴포넌트와 인스턴스 배치 관계 확인
• 공통 디자인 값의 사용 현황 확인

자연어, Mermaid, 코드 근거로 시스템 구성도와 업무 흐름, 시간선 등을 만들고 검증하여 독립적으로 열람할 수 있는 대화형 HTML로 출력합니다.

• 코드를 바탕으로 시스템 구성도를 만듭니다
• 승인 절차나 여행 계획을 정리합니다
• 데이터베이스 테이블 관계를 시각화합니다

인물·풍경·상품의 화풍, 구도, 조명 등을 정리한 지시로 이미지를 생성합니다. 여러 참고 이미지로 외관과 구도를 유도하고 가로세로 비율도 지정합니다.

• 의상·시대·외모를 지정한 인물 이미지 제작
• 분위기·날씨·조명을 지정한 풍경 제작
• 소재와 촬영 각도를 지정한 상품 이미지 제작

사용 가능한 스킬 중 한 개에서 세 개를 조합해 의외성 있는 작품을 만듭니다. 관심사나 계절에 맞춰 자료 또는 직접 즐길 수 있는 웹 경험을 제작합니다.

• 예상 밖의 작품에서 창작 영감 얻기
• 보유한 스킬의 조합 시도
• 직접 즐길 수 있는 웹 경험 제작

웹 페이지와 화면 구성 요소의 목적과 사용자를 고려해 디자인 방향을 정하고 작동하는 코드로 구현합니다. 글꼴, 색상, 여백, 애니메이션을 조율해 화면의 일관성을 높입니다.

• 디자인 방향이 있는 랜딩 페이지 제작
• 대시보드 배치와 글자 구성 개선
• 색상과 동작이 통일된 React 구성 요소 제작

웹사이트와 앱 화면을 설계하고 글자, 여백, 색상부터 조작 흐름까지 개선합니다. 사용성 검토, 화면 크기 대응, 표시 성능 확인도 다룹니다.

• 새 화면의 구성과 외관 설계
• 기존 화면의 글자·여백·색상 개선
• 접근성과 화면 크기 대응 점검

원하는 분위기에 맞춰 여섯 가지 색상과 별·지구본 등의 움직임을 조정합니다. 글자와 상태 표시의 가독성을 유지하며 Ruflo Console Theme Studio에 가져올 JSON 테마를 만듭니다.

• 취향에 맞는 콘솔 배색 만들기
• 장식을 줄이고 움직임 완화하기
• 별과 지구본으로 미래적인 화면 꾸미기

Style documents and other artifacts with Anthropic's brand colors and fonts. The skill specifies heading and body typography, readable text colors for different backgrounds, and accent colors for shapes, with fallback fonts when needed.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Matching presentation colors to Anthropic's brand
• Applying consistent heading and body fonts
• Choosing text colors for light and dark backgrounds

Create original posters and static artwork by first defining a visual direction for color, shape, space, and typography. Receive a Markdown design philosophy alongside a PNG or PDF artwork that communicates primarily through visuals.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Create an original poster
• Express a theme through abstract artwork
• Develop a visual direction and finished artwork