디자인·프론트
화면 디자인, 테마, 시각물
도구 13개 · 조합 레시피 1개
이렇게 조합해 보세요
도구 여러 개를 같이 쓰는 방법이에요.
디자인·프론트에 쓰는 도구
종류를 누르면 그게 무엇인지 쉽게 알려 드려요.
흔한 AI 랜딩 페이지 대신 아트 디렉션이 있는 웹사이트를 만들게 해요. 공개 아카이브의 실제 사진을 찾아 쓰고, 브라우저로 결과를 직접 확인해요.
정해진 브랜드 색과 글꼴을 결과물에 일관되게 입혀요. 예시는 Anthropic 브랜드지만 내 브랜드로 바꿔 쓸 수 있어요.
캔바 디자인을 만들고, 고치고, 크기를 바꾸고, 브랜드 규칙에 맞는지 검사해요. 캔바 공식 MCP 서버를 써요.
포스터, 아트워크 같은 정적인 시각물을 PNG나 PDF로 만들어요.
피그마 디자인 파일에서 컴포넌트와 디자인 토큰을 읽어 코드로 옮겨요. 피그마 공식 MCP 서버와 작업용 스킬이 함께 들어 있어요.
흔한 AI 느낌을 벗어난 개성 있는 웹 화면을 만들도록 글꼴, 색, 애니메이션, 디테일을 안내해요.
분위기 있는 그림과 사진 같은 이미지를 만드는 서비스예요. 썸네일, 컨셉 아트, 광고 시안에 많이 써요.
미로 보드 내용을 읽고 다이어그램, 문서, 표를 보드에 그려요. 코드 구조 설명이나 리뷰를 보드로 펼칠 수도 있어요.
왼쪽에 조절 장치, 오른쪽에 실시간 미리보기가 있는 HTML 한 장짜리 실험판을 만들어요. 고른 결과를 프롬프트로 복사해 클로드에게 다시 줘요.
글이나 이미지로 영상을 만들고, 찍어 둔 영상을 AI로 고치는 서비스예요. 자체 모델 Gen-4.5와 영상 편집 모델 Aleph를 써요.
내 코드의 디자인 시스템을 읽고, 무한 캔버스에서 화면 시안을 여러 갈래로 만들어 다듬어요. 발표 자료와 그래픽도 만들어요.
슬라이드, 문서, 랜딩 페이지에 미리 만든 10가지 테마(색·글꼴)를 입히거나 새 테마를 즉석에서 만들어요.
Playwright로 내 컴퓨터에서 돌아가는 웹앱을 열어 동작을 확인하고, 화면을 찍고, 브라우저 로그를 봐요.