'visual' 검색 결과

OpenAI의 프런트엔드 제작 지침을 바탕으로 요소를 줄인 화면을 구성합니다. 시각적으로 정돈된 랜딩 페이지, 웹사이트, 앱 UI를 제작합니다.

• 절제된 구성의 랜딩 페이지를 만듭니다
• 시각적으로 정돈된 웹사이트를 제작합니다
• 앱 UI를 제작합니다

OpenAI의 Image API로 UI 목업, 아이콘, 일러스트, 소셜 미디어 카드와 시각 참고 자료를 생성하고 편집하는 스킬을 안내하는 카탈로그 항목입니다.

• UI 목업 이미지 제작에 활용합니다
• 아이콘과 일러스트를 생성합니다
• 소셜 미디어 카드 이미지를 준비합니다

웹사이트 디자인 이미지를 먼저 생성하고 문구, 여백, 색상, 배치를 분석해 구현합니다. 섹션별 참고 이미지로 작은 노트북에서도 읽기 쉬운 화면을 구상합니다.

• 참고 이미지로 랜딩 페이지 제작
• 작은 화면에서도 읽기 쉬운 히어로 제작
• 일관된 스타일의 포트폴리오 제작

텍스트나 참고 이미지로 Codex용 움직이는 펫을 만들고, 동작별 외형의 일관성과 배경 투명도를 확인하며 애니메이션 이미지와 설정 파일을 함께 출력합니다.

• 텍스트로 Codex 펫 제작
• 캐릭터 이미지를 펫으로 변환
• 동작마다 달라지는 외형 수정

애니메이션이 있는 HTML 프레젠테이션을 만듭니다. 디자인 미리보기를 확인하며 온라인 강연, 웹 삽입용 발표 자료, 조작 가능한 설명 자료를 제작할 수 있습니다.

• 온라인 강연용 슬라이드 제작
• 웹페이지에 발표 자료 삽입
• 조작 가능한 설명 자료 제작

웹사이트와 업무 화면을 용도에 맞게 디자인하고 작동하는 코드로 만듭니다. 글자 배치, 색상, 레이아웃과 함께 스마트폰 표시와 조작 상태도 다듬습니다.

• 시각적 방향이 명확한 랜딩 페이지 제작
• 일상 업무용 대시보드 설계
• 기존 UI의 외관과 조작 개선

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

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

디자인 철학과 미적 원칙에 따라 포스터, 일러스트 등 정적인 시각 작품을 제작합니다. 결과물은 PNG 이미지나 PDF 문서로 만들 수 있습니다.

• 포스터 제작하기
• 일러스트 만들기
• 정적인 작품을 PNG나 PDF로 만들기

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

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

구현된 UI의 시각적 문제를 점검하고 코드를 수정합니다. 변경을 작은 단위로 커밋하고 수정 전후 스크린샷을 제공하여 출시 전 화면을 확인할 수 있습니다.

• 출시 전 UI 외관 점검
• 시각적 점검 결과에 따른 코드 수정
• UI 수정 전후 스크린샷 비교

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 용어 보완

지도 범위로 항구, 공항, 국경, 도시 등 지정 지역의 실시간 카메라를 찾습니다. 선택한 카메라의 미리보기 이미지, 재생 URL과 갱신 시각을 가져옵니다.

• 항구와 공항 주변의 카메라 검색
• 국경 부근에서 볼 수 있는 카메라 확인
• 이동 경로나 도시 주변 상황 확인

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

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

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

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

기록된 브라우저 세션을 단계별로 비교해 스크린샷과 페이지 구조의 차이를 조사합니다. 최초 차이와 전체 유사도를 정리해 화면 변경이나 재실행을 검증합니다.

• 화면 변경 후 시각적 오류 조사
• 재실행과 원래 조작 기록의 일치 확인
• 같은 폼 조작의 A/B안 비교

Turn a music track into a HyperFrames video with text, images, and clips timed to its rhythm and energy. Additional visual assets are optional, and the workflow includes storyboard approval, visual checks, and final MP4 rendering.

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

• Create a promotional video timed to a music track
• Build a slideshow from music and supplied photos
• Make a music video using animated text alone

Plan the visual and narrative direction of HyperFrames videos, including colors, fonts, composition, narration, and scene rhythm. The skill helps apply existing design specifications, choose a style, and check whether the finished work follows that direction.

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

• Match a video's appearance to existing design specifications
• Choose colors and fonts to suit a mood
• Plan scene rhythm and narration pacing

Find public web images from a text query and return image URLs with their source pages. Use the results to select visuals for documents, feeds, or creative references, with checks for image links used in deliverables.

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

• Find image candidates for a document
• Collect visual references for a design
• Find remote image URLs for a feed

Analyze large scientific tables with Vaex, including datasets that exceed available memory. Build calculated columns, filter rows, compute statistics, visualize aggregated data, and convert files while identifying operations that may still require substantial RAM.

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

• Computing statistics on tables larger than available memory
• Creating calculated features without storing full columns
• Visualizing large datasets with aggregated grids

Build evolutionary trees from related nucleotide or protein sequences using MAFFT with IQ-TREE or FastTree. Review branch support, a measure of evidence for each grouping, and produce tree summaries and optional visualizations.

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

• Build gene trees from related nucleotide sequences
• Compare evolutionary relationships within protein families
• Review branch support and analysis logs

Turn supplied data or optional research into infographic drafts for reports, presentations, or social posts. Choose layouts and visual styles, generate PNG images, and use automated reviews to guide revisions while retaining review logs.

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

• Turning report statistics into an infographic
• Creating a timeline of project milestones
• Comparing product features visually

Build, analyze, and visualize relationship data in Python with NetworkX. Find shortest routes, identify important nodes and groups, generate networks for simulations, and exchange graph data through tables and common file formats.

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

• Finding important people and groups in social networks
• Calculating shortest routes in transportation networks
• Visualizing relationships between research papers

Generate photos, illustrations, logos, and presentation visuals through the OpenRouter Image API. Edit or combine reference images, choose among supported models, and check available settings such as resolution, output format, and transparency before generation.

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

• Creating illustrations and visuals for slides or posters
• Editing colors or styles in existing images
• Combining multiple reference images