♥ 후원하기꼬마봇의 X
모음집으로

디자인·콘텐츠 스킬

브랜드 디자인, 이미지 편집과 화면 설계.

19개 스킬

19개 스킬 검색 결과

모음집에 담긴 스킬 19

19 / 19개
Claude

canvas-design

Claude / Claude Code

포스터·정적 디자인 제작하기

주제와 디자인 방향을 바탕으로 PNG·PDF 시각물을 제작합니다.

공식 배포스킬 설치AI 요금 확인
얻는 결과

포스터 또는 정적 디자인 파일

디자인·콘텐츠스킬 열기
OpenAI

adobe-batch-edit-photos

OpenAI · Codex

여러 사진의 색감 통일하기

여러 사진에 일관된 보정을 적용해 하나의 시리즈처럼 정리합니다.

공식 배포앱 연결 필요AI 요금 확인
얻는 결과

색감이 통일된 사진들

디자인·콘텐츠스킬 열기
OpenAI

figma-generate-design

OpenAI · Codex

아이디어·화면을 Figma로 옮기기

화면 구조와 요구사항을 편집 가능한 Figma 디자인으로 구성합니다.

공식 배포앱 연결 필요AI 요금 확인
얻는 결과

편집 가능한 디자인 화면

디자인·콘텐츠스킬 열기
Claude

algorithmic-art

Claude / Claude Code

코드로 패턴·생성형 아트 만들기

p5.js의 규칙과 매개변수로 반복 패턴과 움직이는 그래픽을 만듭니다.

공식 배포스킬 설치AI 요금 확인
얻는 결과

실행 가능한 그래픽 코드와 조절 항목

디자인·콘텐츠스킬 열기
Claude

brand-guidelines

Claude / Claude Code

Anthropic 스타일로 디자인 맞추기

Anthropic의 색상과 서체 기준을 문서와 디자인에 적용합니다.

공식 배포스킬 설치AI 요금 확인
얻는 결과

브랜드 기준에 맞춘 시각 구성

디자인·콘텐츠스킬 열기
Claude

frontend-design

Claude / Claude Code

웹 화면의 디자인 완성도 높이기

화면의 시각 방향, 글꼴, 색상과 배치를 구체적으로 설계합니다.

공식 배포스킬 설치AI 요금 확인
얻는 결과

일관된 디자인 방향과 구현 화면

디자인·콘텐츠스킬 열기
Claude

slack-gif-creator

Claude / Claude Code

Slack용 움직이는 GIF 만들기

Slack에서 쓰기 적합한 크기와 제약에 맞춰 GIF를 제작합니다.

공식 배포스킬 설치AI 요금 확인
얻는 결과

검토 가능한 애니메이션 GIF

디자인·콘텐츠스킬 열기
Claude

theme-factory

Claude / Claude Code

문서·슬라이드 테마 통일하기

색상과 글꼴 테마를 정해 여러 결과물의 스타일을 맞춥니다.

공식 배포스킬 설치AI 요금 확인
얻는 결과

테마가 반영된 결과물

디자인·콘텐츠스킬 열기
OpenAI

adobe-create-mockups

OpenAI · Codex

로고를 제품 목업에 적용하기

로고나 스케치를 티셔츠·머그컵 같은 제품 장면에 시각화합니다.

공식 배포앱 연결 필요AI 요금 확인
얻는 결과

제품 목업 이미지

디자인·콘텐츠스킬 열기
OpenAI

adobe-retouch-portraits

OpenAI · Codex

여러 인물 사진 함께 보정하기

인물 사진 묶음을 보정하고 검토 가능한 결과로 정리합니다.

공식 배포앱 연결 필요AI 요금 확인
얻는 결과

보정된 인물 사진 묶음

디자인·콘텐츠스킬 열기
OpenAI

canva-resize-for-social-media

OpenAI · Codex

디자인을 SNS 규격별로 바꾸기

하나의 디자인을 여러 소셜 채널용 크기로 변환합니다.

공식 배포앱 연결 필요AI 요금 확인
얻는 결과

채널별 크기의 디자인

디자인·콘텐츠스킬 열기
OpenAI

figma-generate-diagram

OpenAI · Codex

흐름도·구조도 그리기

업무 흐름과 시스템 관계를 읽기 쉬운 다이어그램으로 만듭니다.

공식 배포앱 연결 필요AI 요금 확인
얻는 결과

편집할 수 있는 다이어그램

디자인·콘텐츠스킬 열기

web-design-guidelines

스킬 지원 에이전트

접근성·사용성 기준으로 UI 점검

웹 인터페이스 지침에 맞춰 화면 코드의 문제를 확인합니다.

공식 배포스킬 설치AI 요금 확인
얻는 결과

접근성·사용성 점검 항목

디자인·콘텐츠스킬 열기

remotion-best-practices

스킬 지원 에이전트

코드로 만드는 영상의 작업 순서 잡기

React와 Remotion으로 영상을 제작할 때 관련 작업 스킬을 연결하는 시작점입니다.

공식 배포스킬 설치AI 요금 확인
얻는 결과

필요한 영상 스킬과 제작·렌더링 절차

디자인·콘텐츠스킬 열기
OpenAI

screenshot

OpenAI · Codex

PC 화면의 특정 창·영역 캡처하기

웹 페이지 캡처 도구만으로 보기 어려운 데스크톱 화면을 저장할 때 사용하는 스킬입니다.

공식 배포스킬 설치AI 요금 확인
얻는 결과

스크린샷 파일

개발·코드 리뷰스킬 열기
OpenAI

speech

OpenAI · Codex

원고를 음성 파일로 만들기

OpenAI 오디오 API와 제공되는 목소리로 텍스트를 음성으로 바꾸는 스킬입니다.

공식 배포스킬 설치AI 요금 확인
얻는 결과

TTS 음성 파일

디자인·콘텐츠스킬 열기