분류 디자인 · 인텔리전스 Apache-2.0 · 지구에서 제작
Open Source Claude Design · 템플릿

프로토타입.

대시보드, 앱, 랜딩 페이지, 내부 도구 등 인터랙티브 제품 목업. 이해관계자와 함께 클릭하며 살펴볼 수 있는 모든 것.

전체 · 81
장면
AeroCore — Cinematic Aerospace Engine Landing 프리뷰 프로토타입
@eli Open Design
전체 프롬프트 보기 →

AeroCore — Cinematic Aerospace Engine Landing

Premium scroll-cinematic aerospace propulsion marketing site: a blue-to-warm-white gradient hero with parallax wordmark and engine still, a mission thumbnail that grows into a fullscreen sticky video, a pinned tabbed showcase, a bento capabilities grid with looping video cards and a tool marquee, an animated dark stats chart, a horizontal video-story rail, and a starfield footer.

데이팅 웹 프리뷰 프로토타입
@open-design Open Design
전체 프롬프트 보기 →

데이팅 웹

소비자 친화적인 데이트/매칭 대시보드. 왼쪽 레일 네비게이션, 커뮤니티 신호 티커바, 주요 KPI, 30일 상호 매칭 막대 차트, 매칭률 트렌드 블록 포함. 편집 타이포그래피와 절제된 강조색. 데이트 사이트, 매칭 서비스, 커뮤니티 대시보드, 소셜 네트워크 등 데이터가 핵심인 소비자 제품에 적합.

디지털 가이드 프리뷰 프로토타입
@open-design Open Design
전체 프롬프트 보기 →

디지털 가이드

2페이지 디지털 가이드 미리보기 — 1페이지는 표지(제목, 저자, '내용 구성' 통계, 목차 티저), 2페이지는 본문(인용구와 단계별 목록이 포함된 레슨 본문). 라이프스타일/크리에이터 브랜드 톤. '전자 가이드', '디지털 가이드', 'lookbook', '리드 마그넷', '크리에이터 가이드', 'playbook', 'PDF 가이드' 또는 '电子指南'가 필요한 경우 사용.

Motion Frames 프리뷰 프로토타입
@open-design Open Design
전체 프롬프트 보기 →

Motion Frames

루핑 CSS 애니메이션(회전 텍스트 링, 애니메이션 지구본, 타이머, 패럴랙스 라벨)이 포함된 단일 프레임 모션 디자인 컴포지션. HyperFrames 또는 키프레임 기반 익스포터로 바로 전달할 수 있는 히어로 비디오 포스터로 렌더링. 모션 디자인, 애니메이션 히어로, 루프, 비디오 포스터, 타이틀 카드 요구사항에 적합.

Open Design 랜딩 페이지 프리뷰 프로토타입
@open-design Open Design
전체 프롬프트 보기 →

Open Design 랜딩 페이지

Atelier Zero 비주얼 언어(Monocle / Apartamento / Études 에디토리얼 콜라주)로 단일 페이지 랜딩 사이트를 생성합니다. 브랜드 브리프에서 inputs.json을 채우고, gpt-image-2로 최대 16개의 콜라주 에셋을 생성하여 독립형 HTML 파일을 출력하며, 스크롤 애니메이션과 고정 내비게이션이 자동 구성됩니다.

Orbit 종합 브리핑 프리뷰 프로토타입
@open-design Open Design
전체 프롬프트 보기 →

Orbit 종합 브리핑

두 개 이상의 커넥터를 연결하면 Orbit이 자동으로 호출되어 지난 24시간 동안 모든 인증된 커넥터(GitHub, Linear, Notion, Slack, 飞书, 캘린더, Gmail, 드라이브, Sentry, Vercel 등)의 활동을 가져와 "我的设计" 상단에 적응형 벤토 그리드 대시보드를 생성합니다. Orbit의 일일 다이제스트 스케줄러에 의해 자동 실행됩니다.

Orbit Linear 프리뷰 프로토타입
@open-design Open Design
전체 프롬프트 보기 →

Orbit Linear

Linear가 사용자의 유일한 연결된 커넥터이거나 사용자가 일일 다이제스트를 Linear로 명시적으로 범위 지정한 경우 Orbit 파이프라인에 의해 자동으로 트리거됩니다. 지난 24시간 동안의 이슈 이동, 상태 변경, 할당 및 사이클 진행 상황을 가져와 Linear 네이티브 받은편지함 시각 언어로 렌더링합니다.

Orbit Notion 프리뷰 프로토타입
@open-design Open Design
전체 프롬프트 보기 →

Orbit Notion

Open Orbit 브리핑 스킬 — Notion이 사용자의 유일한 연결된 커넥터이거나 사용자가 일일 다이제스트 범위를 Notion으로 명시적으로 지정한 경우 Orbit 파이프라인에서 선택됩니다. 사용자의 인증된 Notion 연결에서 지난 24시간 동안의 문서 편집, 댓글, 멘션 및 데이터베이스 행 변경 사항을 가져와 네이티브 Notion 페이지(콜아웃/토글/데이터베이스 테이블 요소)로 다이제스트를 렌더링합니다. 이 스킬은 수동으로 트리거해서는 안 됩니다 — Orbit의 일일 다이제스트 스케줄러가 라이브 Notion 데이터에 대해 호출합니다.

소셜 캐러셀 프리뷰 프로토타입
@open-design Open Design
전체 프롬프트 보기 →

소셜 캐러셀

1080×1080 정사각형으로 배치된 3장의 소셜 미디어 캐러셀 카드. 영화적이고 브랜드에 맞는 3개의 패널에 시리즈 전체를 연결하는 헤드라인('계속 앞으로.' → '다음으로.' → '앞을 바라보며.')을 제공합니다. 각 카드에는 브랜드 마크, 번호/전체 수, 캡션, '루프' 어포던스가 포함됩니다. '캐러셀 게시물', '소셜 캐러셀', 'Instagram 캐러셀', 'LinkedIn 시리즈', 'X 스레드 카드', '三连发' 요청 시 사용하세요.