OpenDesign

Word 문서의 작성, 편집, 분석을 지원하며 변경 내용 추적, 메모, 서식을 다룹니다. 디자인 의뢰서와 원고를 검토 가능한 문서로 정리합니다.

• 디자인 의뢰서를 Word로 작성할 때
• 원고의 수정 이력을 남길 때
• 메모가 포함된 검토용 문서를 준비할 때

금융 및 전략 수치를 검정, 따뜻한 종이색, 라임색의 슬라이드 세 장으로 구성합니다. 큰 수치 카드와 규칙적인 배치를 유지하며 조작 가능한 단일 HTML로 만듭니다.

• 금융 지표를 슬라이드 세 장으로 전달합니다
• 수치가 돋보이는 전략 자료를 만듭니다
• 통일된 배치를 유지하며 내용을 갱신합니다

D3.js로 데이터를 탐색하며 읽을 수 있는 대화형 차트와 도표를 만듭니다. 다양한 예제를 바탕으로 보고서, 대시보드, 데이터 기반 시제품에 활용합니다.

• 확대 가능한 차트로 매출 살펴보기
• 데이터 사이의 관계 시각화하기
• 날짜별 추세를 색으로 표시하기

fal.ai에서 브랜드, 캐릭터, 화풍에 맞는 이미지 생성을 위한 맞춤형 LoRA를 학습합니다. 목적에 맞는 이미지 생성 모델을 준비합니다.

• 브랜드용 이미지 생성 모델 학습
• 캐릭터에 맞는 맞춤형 모델 준비
• 특정 화풍에 맞춘 LoRA 학습

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

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

fal.ai에서 제공하는 AI 모델로 이미지를 편집합니다. 화풍 변경, 배경이나 불필요한 물체 제거, 지정 영역을 다시 그리는 인페인팅에 사용합니다.

• 이미지의 화풍을 바꿉니다
• 이미지 배경을 제거합니다
• 불필요한 물체를 지웁니다

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

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

Turn CSV, Excel, or JSON data into a visual report page with key metrics, multiple charts, a data table, and written observations. The report uses supplied data and includes its source, reporting period, and methodology.

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

• Turn growth data into a visual weekly report
• Present key metrics and year-over-year changes
• Share charts alongside source data and methodology

소셜 미디어 광고와 검색 광고의 제목, 설명, 본문을 작성하고 표현을 반복해서 수정합니다. 광고 문구 후보를 준비하고 개선안을 검토할 때 활용합니다.

• 소셜 미디어 광고 제목을 작성합니다
• 검색 광고 설명을 준비합니다
• 광고 본문 표현을 검토합니다

화면 외관에 관한 프롬프트에 디자인 명세와 UI/UX 용어를 보완합니다. 화면 제작이나 디자인을 코드로 구현할 때 쓰는 요청을 구체화합니다.

• 화면 외관에 관한 요청 구체화
• 디자인을 코드로 구현할 요청 정리
• 요청문에 UI/UX 용어 보완

글과 실용 지식을 小红书 스타일의 여러 지식 카드로 정리합니다. 표지부터 요점과 요약까지 큰 글자와 부드러운 색상으로 구성하며, 게시용 스크린샷을 찍을 수 있습니다.

• 노하우를 지식 카드로 정리합니다
• 小红书용 캐러셀 게시물을 만듭니다
• WeChat 모멘트용 이미지를 만듭니다

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

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

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

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

버튼과 알림 등의 세부 동작을 검토하고 조작에 맞는 움직임과 반응을 설계합니다. 애니메이션 필요성부터 CSS 구현, 접근성까지 살펴봅니다.

• 애니메이션이 필요한지 판단합니다
• 버튼과 알림의 조작감을 다듬습니다
• 변경 전후의 UI 코드를 비교합니다

fal.ai에서 제공하는 복원 모델로 사진과 문서 이미지의 화질을 복원합니다. 흐림 완화, 노이즈 제거, 얼굴 화질 보정, 오래된 문서 이미지 복원을 다룹니다.

• 이미지의 흐림을 줄일 때
• 사진의 노이즈를 제거할 때
• 얼굴 화질을 보정할 때

아직 형태가 잡히지 않은 아이디어를 단계적인 질문과 대안 검토로 구체적인 디자인으로 정리합니다. 초기 구상에서 나아갈 방향을 좁히는 데 사용합니다.

• 대략적인 아이디어 구체화
• 콘셉트의 다른 방향 검토
• 질문을 통한 초기 구상 정리

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

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

광고 기획과 디자인의 방향을 정하고 요청 정리부터 평가와 발표까지 진행합니다. 여러 발상법과 반복적인 자체 평가에 사용 가능한 제작 자원을 결합합니다.

• 캠페인 콘셉트 검토
• 페이지의 시각적 방향 결정
• 디자인 비평과 개선 계획 수립

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

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

브라우저에서 페이지를 살펴보고 클릭, 입력, 화면 캡처, 정보 추출을 수행합니다. OpenDesign의 로컬 미리보기를 중심으로 웹 앱의 동작과 품질을 확인합니다.

• OpenDesign 미리보기를 확인합니다
• 웹 앱의 클릭과 입력을 테스트합니다
• 페이지나 요소의 화면을 캡처합니다

React, Tailwind CSS, shadcn/ui를 사용해 여러 구성 요소를 조합한 claude.ai용 HTML 아티팩트를 제작하는 스킬입니다.

• claude.ai용 HTML을 만들 때
• 여러 구성 요소로 화면을 시제품화할 때
• React와 shadcn/ui로 제작할 때

새 서비스나 제품에 맞는 도메인 이름을 제안하고, .com·.io·.dev·.ai 등 여러 도메인 끝부분에서 등록 가능한지 확인합니다.

• 새 서비스의 도메인 이름을 구상합니다
• 여러 도메인 끝부분의 등록 가능 여부를 확인합니다
• 제품명에 맞는 도메인을 비교합니다

실물 상품 사진을 바탕으로 형태·색상·소재·로고 위치 등을 유지하는 원칙에 따라 쇼핑몰용 대표·특징·사용 장면 이미지와 확인용 갤러리를 만듭니다.

• 참조 사진으로 상품 대표 이미지를 만들 때
• 한 장으로 상품의 특징을 전달할 때
• 상품을 사용하는 장면을 만들 때

fal.ai의 AI 모델로 이미지와 동영상을 생성하도록 에이전트에 요청합니다. Flux, SDXL, ideogram 등의 모델을 지정하는 진입점으로 활용합니다.

• fal.ai로 이미지 생성하기
• fal.ai로 동영상 생성하기
• 이미지 생성 모델 지정하기